Skip to content

A simple react based COVID 19 tracker using material-UI, react-charts, and react's useEffect and useState to fetch data from Covid-19-Api by Odi.

Notifications You must be signed in to change notification settings

apurva-modi/coronacase-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Covid-19 Cases Tracker

This React based covid19 stats web application using Odi aka mathdroid covid19 API

Usage

  1. Clone

    git clone https://github.com/apurva-modi/coronacase-tracker.git
  2. Install deps (yarn, npm install)

  3. To run it on localhost.

    npm start

React Components

  • Cards (for demonstrating Infected, Recoverd and Deaths stats)
    • Uses Card, CardContent, Typography and Grid from Material-UI
  • CountryPicker (for selecting countries)
    • uses react's useEffect and useState to fetch countries from the API.
  • Charts (based on selected country shows the country's Covid19 stats)
    • Uses react's useEffect and useState to set Daily data to Line and Bar chart based on fetched countries.

Credit: @JavaScript Mastery

Global Cases

alt text

Country Stats

alt text

About

A simple react based COVID 19 tracker using material-UI, react-charts, and react's useEffect and useState to fetch data from Covid-19-Api by Odi.

Topics

Resources

Stars

Watchers

Forks