Skip to content

A react app which tracks the latest and historical Covid-19 statistics at a global and country level.

License

Notifications You must be signed in to change notification settings

patrivet/covid19-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Covid-19 Global Tracker

An application showing latest covid-19 statistics at global level and broken across 210 countries. The source of the data comes from disease.sh API, which in turn sources from John Hopkins University, Worldometers and others.

See the live app hosted here

Features

  • Positive test cases and deaths shown for current day, previous day, trend from current to previous day and totals at the global level and for each country.
  • Countries can be bookmarked, and the display changed to show bookmarked countries, or all countries.
  • Countries can be sorted by various metrics, such as daily cases descending/ascending.
  • Clicking on a country will show further statistics and detailed data in a serious of interative charts.
  • Responsive design for use on tablet and mobile devices.

Hosting

Current hosting status:

Netlify Status

Screenshots:

Global view Global view:

Sorting options display options

Country view: Country view: Country view 2:

How to run:

  1. Clone this repo git clone https://github.com/patrivet/covid19-tracker.git
  2. Change to the covid19-tracker client directory e.g. cd covid19-tracker/client
  3. Install npm install
  4. Inside the /client/src/ directory, create an '.env' environment file and populate with the following content:-
REACT_APP_COVID_DAILY_DATA_API=https://disease.sh/v3/covid-19/countries/<COUNTRY_CODE>?yesterday=<YESTERDAY>&twoDaysAgo=false&strict=true&allowNull=true
REACT_APP_COVID_GLOBAL_TOTALS_API=https://disease.sh/v3/covid-19/all?yesterday=<YESTERDAY>&twoDaysAgo=false&allowNull=false
REACT_APP_COVID_HISTORICAL_DATA_API=https://disease.sh/v3/covid-19/historical/<COUNTRY_CODE>?lastdays=all
  1. Run app npm start

Built using:

Future enhancements:

  • Show some charts for global statistics, such as a pie charts for cases and deaths by continent.
  • Automatically fetch latest data and update statistics on screen.
  • Dark mode

Contributing:

Happy to have contributions. See listed enhancements or pick your own. Fork the repository, make your changes and then raise a pull request. Thanks! 💙

Created by:

Pat Rivet: Github | Linkedin

License

Licensed under the GNU (General Public) License.

About

A react app which tracks the latest and historical Covid-19 statistics at a global and country level.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published