English | 简体中文
It's the front-end of the coursework about the course advanced program
- Visualize the NCP data
- Beautiful interface
- Support end-user interaction to query the data of different regions(provinces/cities)
- clone the repository
git clone https://github.com/HCI-AP-team/AP-coursework-front-end.git
- install nodeJS(with npm) and install yarn(recomand install yarn global)
npm i yarn -g
‼️ Hint: If you are using npm in China, maybe you can consider about replacing the source of the npm(nrm is a good choice).
- in the root directory of the project, run the two commands
yarn
yarn start- the project will run in 3000 port, you can visit it in localhost:3000
‼️ if something is running in 3000 port, the project will choose another port to run.
- ⚛️ react
⚠️ typescript- 👀 jss
- 💎 material-ui
- ✏️ d3
- 🐜 antv
- 📜 scrollreveal
- 💻 tensorflow-js
- Homepage display
- International status
- General situation of China
- Provinces comparison
- Cities detail
- News