This project is a web-based dashboard that uses data from the government's open data API to display charts and graphs for various data sets. The dashboard is built using Next.js, React, Redux, Styled-Components, and Highcharts.
To get started with this project, you will need to have Node.js and npm installed on your system. Clone the repository to your local machine and run the following command to install the required dependencies:
After forking the project, install packages and run the development server:
npm install
Once the dependencies are installed, you can start the development server by running the following command:
npm run dev
This will start the server at http://localhost:3000.
This dashboard has the following features:
- Displayed various charts and graphs for data sets retrieved from the government's open data API.
- Used Redux to manage the application state.
- Used Styled-Components to style the UI components.
- Used Highcharts to render the charts and graphs.
- Next.js
- React
- Redux(Redux toolkit, react-redux)
- Styled-Components
- Highcharts
- Vercel(deploy)
- Eslint Airbnb rules and Prettier
This project uses the government's open data API to retrieve data. You can find more information about the API at the following link: https://data.gov.tw/dataset/14299