Skip to content
This repository was archived by the owner on Jun 24, 2021. It is now read-only.

Commit cb3b33e

Browse files
add final README
1 parent 0dc356f commit cb3b33e

2 files changed

Lines changed: 30 additions & 12 deletions

File tree

README.md

Lines changed: 20 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -15,14 +15,31 @@ Works! is a Simple To-do list website.
1515
- Bootstrap 5.x
1616
- Firebase SDK 8.x
1717

18-
### How to run this code
18+
### How to get source code and run it on own device
1919

2020
1. Clone this repo from Github.
2121
2. Install node v14+ on your device.
22-
3. In the root of project, run `npm install`
22+
3. In the root of project folder, run `npm install`.
2323
- if you meet some error on this step, try to add `--legacy-peer-deps` after previous command and run again.
2424

25-
4. run `npm run serve`, and you may see the website on http://localhost:8080 (port number may different).
25+
4. run `npm run serve`, and you may see the website serve on http://localhost:8080 (port number may different).
26+
27+
### How to just download this website
28+
29+
- [Click here for download.](https://github.com/Xanonymous-GitHub/me-xcc-tw/archive/gh-pages.zip)
30+
- After downloaded and unzipped, you need to use some server-like program to host all files and make `index.html` as the entrypoint.
31+
- [vscode live server](https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer) may be one of a nice choice for hosting.
32+
33+
### Introduction
34+
Based on the original requirements, this webpage has added many features and details to make it more practical and gorgeous.
35+
36+
First, I implemented the upload function of the thumbnails, and sent the thumbnails to imgur.com by calling the self-made backend api.
37+
38+
Before uploading pictures, you can preview them in advance. When creating a job, the new picture links will be integrated into the data package.
39+
40+
Furthermore, in order to improve the efficiency of web page loading, all the image formats on the homepage are webp and lazy-load.
41+
42+
In addition, the work-view block on the homepage has the feature of real-time update, which can be synchronized to the latest information at any time.
2643

2744
### Author
2845
- Xanonymous™ TeU Lin 林天佑 108820003

src/components/Profile.vue

Lines changed: 10 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -9,16 +9,17 @@
99
<h5 class="card-title fw-bolder fs-3">About Me</h5>
1010
<hr/>
1111
<p class="card-text fw-bold mw-100 text-wrap">Xanonymous TeU Lin 林天佑 108820003</p>
12-
<p class="card-text mw-100 text-wrap justify">
12+
<p class="card-text mw-100 text-wrap text-start px-3">
1313
True mastery of any skill takes a lifetime, and if you are doing your best, you will not have to worry about
14-
failure.
15-
Jonah Creed is currently enrolled as a third-year student at Birmingham City University and he specializes in
16-
Adult Nursing. Like many other adult students, he's required to arrange and meet specific criteria so he can
17-
qualify to pursue his chosen healthcare career.
18-
Structuring involves giving the right priorities to pathways that enable him to achieve the career path he has
19-
chosen. For instance, Jonah has to reach an educational level of level 3 as a requirement and a level 2
20-
minimum for Math and English proficiency. Jonah successfully finished his level 3 Business and Finance, but
21-
the University didn't consider because he accomplished this eighteen years ago.
14+
failure. <br/><br/>
15+
Based on the original requirements, this webpage has added many features and details to make it more practical and gorgeous.<br/><br/>
16+
First, I implemented the upload function of the thumbnails, and sent the thumbnails to imgur.com by calling the self-made backend api.<br/><br/>
17+
Before uploading pictures, you can preview them in advance. When creating a job, the new picture links will be integrated into the data package.<br/><br/>
18+
Furthermore, in order to improve the efficiency of web page loading, all the image formats on the homepage are webp and lazy-load.<br/><br/>
19+
In addition, the work-view block on the homepage has the feature of real-time update, which can be synchronized to the latest information at any time.<br/><br/>
20+
Although this is just homework at the end of the semester, I still try to do my best.<br/><br/>
21+
Finally, if you haven't found it yet, this page uses the Vue framework, one of the three giants of front-end technology!<br/><br/>
22+
If you want to know the source code of this page, please click the github link in the upper right corner.
2223
</p>
2324

2425
<div class="contact d-flex flex-column flex-sm-row flex-wrap rounded-pill my-1 py-1">

0 commit comments

Comments
 (0)