This project is to build an analytics dashboard and provide visualizing COVID-19 data related to Western Australia and Victoria.
The tasks are:
- Consume an API from the community and get JSON data converting from CSV.
- Aggregate and group data of everyday to get monthly data of recoveries numbers for states of Western Australia and Victoria.
- Display the data in dashboard and also show each state's local time at time of loading the dashboard.
This application is deployed to Heroku, here is the link
- Data trending in overall 2020
- From January to December numbers of recovery displaying by each state
- Each state local time at time of loading the dashboard
- Vanila JavaScript in the front-end instead of framework to reduce the script size and for the performance.
- Getting data from third-party API service and updating dashboard automatically.
- Using csvjson to convert data formats.
- Using Chart.js to visualize the data.
- Responsive UI using Bulma, mobile friendly.
- Date format and timezone using Momont.
- Loading animation solution using only HTML & CSS.
- Setup Continuous Deployment using Github and Heroku, having continuously improvement to the application.
I'm creating local file system cache just in case the third-party API failure. This is back-up plan for better user experience.
-
Node.js - Download and Install Node.js. You can also follow this gist for a quick and easy way to install Node.js and npm
-
NPM - Install NPM for all dependencies both in server and client.
Install dependencies for server : npm install
Run the client & server : npm start