This is a series of designs and implementations of some tech webpages for front-end development exercises.
Each of the webpages may use different technology stacks to build.
Name | Technology Stack | URL |
---|---|---|
Main | Markdown | Front-end Exercises |
One More Clip | React.js | 再来一条文化 |
Omnifood | Vanilla JavaScript | N/A |
Take One More Clip for example :
-
Go into the directory of it:
cd ./onemoreclip
-
Setup the Node.js project:
npm install # or yarn install
-
Run the development server:
npm run start # or yarn start
-
Open http://localhost:3000 to preview the result.
Most parts of the project will probably be driven by React.js, and some of them may be built by Vue.js. To learn more about such web front-end development frameworks, you can visit :
- Getting Started - React : This page is an overview of the React documentation and related resources.
- Introduction - Vue.js : The official documentation of Vue.js