https://github.com/rathod-shubham/covidtracker
Developed a covid tracker that tracks overall cases, recovered cases, and deaths across the globe.
https://github.com/rathod-shubham/covidtracker
api card effects hooks html-css-javascript jsx material-ui react reactjs state
Last synced: 2 months ago
JSON representation
Developed a covid tracker that tracks overall cases, recovered cases, and deaths across the globe.
- Host: GitHub
- URL: https://github.com/rathod-shubham/covidtracker
- Owner: RATHOD-SHUBHAM
- Created: 2021-03-28T02:50:55.000Z (over 4 years ago)
- Default Branch: master
- Last Pushed: 2021-03-28T03:59:36.000Z (over 4 years ago)
- Last Synced: 2025-01-22T07:43:19.287Z (9 months ago)
- Topics: api, card, effects, hooks, html-css-javascript, jsx, material-ui, react, reactjs, state
- Language: JavaScript
- Homepage: https://rathod-shubham.github.io/CovidTracker/
- Size: 1.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Covid Tracker
Developed a covid tracker that tracks overall cases, recovered cases, and deaths across the globe.\
Hover your mouse over your favorite country on the map for a pop up. 😉\
click to view the project [here](https://rathod-shubham.github.io/CovidTracker/)## Mind Map
## Getting Started with Create React App
1] Create a react project using create-react-app.\
2] Install:- Material Ui : npm install @material-ui/core
- Chart.js : npm install chart.js
- React-Leaflet : npm install react-leaflet
- Numeral : npm install numeral
3] Run the application on local machine : local host 3000## Using this
git clone or download the zip file.
Install all the packages and any packages that it depends on `npm install`
Run the app: `npm start`## API
- disease.sh - You can more about the api [here](https://disease.sh/docs/)### In the project directory, you can run:
### `npm start`
Runs the app in the development mode.\
Open [http://localhost:3000](http://localhost:3000) to view it in the browser.The page will reload if you make edits.
### `npm run build`
Builds the app for production to the `build` folder.\
It correctly bundles React in production mode and optimizes the build for the best performance.The build is minified and the filenames include the hashes.\
Your app is ready to be deployed!## Learn More
- To learn React, check out the [React documentation](https://reactjs.org/).
- Learn more about [Material-UI](https://material-ui.com/getting-started/installation/)
- Wanna know what chart.js is --> click [here](https://www.chartjs.org/docs/latest/)
- To learn about react leaflets click [here](https://react-leaflet.js.org/docs/start-installation)
- Why [Numeral.js](http://numeraljs.com)
- To know more about the API. Check out [disease.sh](https://disease.sh)### Deployment
Application was deployed on- Netlify - whats is [netlify](https://www.netlify.com)
- Firebase - Google [firebase](https://firebase.google.com)
- [github](https://rathod-shubham.github.io/CovidTracker/) aswell.