ojoksimovic / covid19-dashboard

A dashboard using real time covid-19 data. Created using React.js, Bootstrap 4, Charts.js, Material UI. APIs are fetched using axios.

COVID-19 Dashboard

A dashboard using real time covid-19 data. Created using React.js, Bootstrap 4, Charts.js, Material UI. Data fetched from Disease.SH using axios.

CI/CD pipeline created via GitHub Actions automatically updates live version here

covid19-dashboard's Issues

improve max y axis value for vaccination chart

Vaccination chart cases max is currently set at 20M. Assign a relative maximum for y axis.

Fix disease.sh data fetch

There is a CORS error when attempting to fetch https://disease.sh/v3/covid-19 API points. Add a workaround.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://disease.sh/v3/covid-19/continents?yesterday=false&twoDaysAgo=false&allowNull=true. (Reason: CORS header ‘Access-Control-Allow-Origin’ missing). Status code: 503.

add time indicator

Loading times for data pull are increased due to CORS workaround, include additional info in loading component

Vaccination % no longer accurate

Remove and replace graphs with daily vaccination. Remove the column from table

cards duplicated in global dashboard

Continent and Top Country cards are duplicated each time global page is re-rendered.

Reduce API calls

Reduce the number of API calls being made and instead either cache or store as a state. Currently due to CORS workaround loading times are significant.

add loading indicator for compare feature

consider adding loading spinner for compare page

automate deployment of repo to cPanel using github actions (CI/CD)

1. Add FTP/SFTP account
   

2. Create new production branch (or stick with master)
   

3. Create GitHub Action Workflow Configuration.