Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/apurva-modi/coronacase-tracker
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.
https://github.com/apurva-modi/coronacase-tracker
covid-19-api covid19 frontend material-ui react
Last synced: 27 days ago
JSON representation
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.
- Host: GitHub
- URL: https://github.com/apurva-modi/coronacase-tracker
- Owner: apurva-modi
- Created: 2020-06-05T06:40:47.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-01-06T04:05:33.000Z (about 4 years ago)
- Last Synced: 2023-07-24T00:25:18.763Z (over 1 year ago)
- Topics: covid-19-api, covid19, frontend, material-ui, react
- Language: JavaScript
- Homepage:
- Size: 832 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Covid-19 Cases Tracker
This [React based covid19 stats](https://covid-19-74e56.web.app/) web application using
[Odi aka mathdroid covid19 API](https://github.com/mathdroid)
## Usage
1. Clone
```bash
git clone https://github.com/apurva-modi/coronacase-tracker.git
```
2. Install deps (`yarn`, `npm install`)
3. To run it on localhost.
```bash
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
# Country Stats
