covid19-world-tracker

React mobile responsive web application that shows the live status of Covid19 cases, deaths and recovered in the world and by each country

Technologies Used

React.js (React Hooks)
HTML5
CSS3
Bootstrap4
React-Bootstrap
Google Maps API
AWS EC2
NGINX
Fetch API

Features

Shows the current number of covid19 cases, recovered and deaths at the header section
Showd the current number of covid19 cases, recovered and deaths by each country on google map

Note: Data is being updated every 10 minutes

Live Demo

Try the application live at http://covidtracker.muzyar-rad.com

Preview

Collaborator

Muzyar Rad aka. Mazy

Setup Instructions

Install client dependencies
- npm install or npm i
Set the Google Maps key in .env file
- REACT_APP_GOOGLE_MAP_API= {{Your google map API key}}
  
  Note: You will need to provide your own google map API key from google cloud platform as mine is stored inside an environment variable
  
  Note2: Please refer to environment variables section in React Documentation on how to set the environment variable as there are different instructions on different operating systems
Run the project
- npm start