Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/atapas/covid-19
COVID-19 World is yet another Project to build a Dashboard like app to showcase the data related to the COVID-19(Corona Virus).
https://github.com/atapas/covid-19
analytics countries covid covid-19 covid-19-india covid19 dashboard data-analysis data-visualization jamstack react reactjs recharts saas showcase virus visualization
Last synced: 3 months ago
JSON representation
COVID-19 World is yet another Project to build a Dashboard like app to showcase the data related to the COVID-19(Corona Virus).
- Host: GitHub
- URL: https://github.com/atapas/covid-19
- Owner: atapas
- License: mit
- Created: 2020-03-17T12:59:40.000Z (almost 5 years ago)
- Default Branch: master
- Last Pushed: 2022-12-12T11:25:50.000Z (about 2 years ago)
- Last Synced: 2024-10-31T14:45:25.488Z (3 months ago)
- Topics: analytics, countries, covid, covid-19, covid-19-india, covid19, dashboard, data-analysis, data-visualization, jamstack, react, reactjs, recharts, saas, showcase, virus, visualization
- Language: JavaScript
- Homepage: https://tapasadhikary.com
- Size: 4.51 MB
- Stars: 32
- Watchers: 5
- Forks: 4
- Open Issues: 30
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
# COVID-19 World
[](#contributors-)
COVID-19 is the infectious disease caused by the most recently discovered coronavirus. This new virus and disease were unknown before the outbreak began in Wuhan, China, in December 2019.
With the oubreak world-wide and increasing number of active patients, there are many efforts to project the data in some form for people to follow and understand.
`COVID-19 World` is yet another Project to build a Dashboard like app to showcase the data related to the COVID-19(Corona Virus).
# See it Running
`COVID-19 World` app is running as a website hosted on [](https://app.netlify.com/sites/covid-19-world/deploys)
[](https://app.fossa.io/projects/git%2Bgithub.com%2Fatapas%2Fcovid-19?ref=badge_shield)
👉 [https://covid-19-world.netlify.com/](https://covid-19-world.netlify.com/)
# Many Thanks to all the `Stargazers` who has supported this project with stars(⭐)
[](https://github.com/atapas/covid-19/stargazers)
# Analytics
`COVID-19 World` provides some basic but useful analytics to understand the depth and gravity of the situation.
## Home Page [🔗](https://covid-19-world.netlify.com/home)
`Home` page provides the statistics on the data from country `India`, i.e, my Country.
- Total Number of Confirmed Cases
- Total Number of Active Cases
- Total Number of Recoverd Cases
- Total Number of Deaths
- Trends
- Number of New Cases Found per Day
- New Cases Trends - % Changes Per day
- Trends Change of Confirmed vs Active vs Recovered vs Deaths
- State Data Break-ups
- State: Most Affected
- State: Most Recovered
- District Wise Data Breakups for a State
## World Page [🔗](https://covid-19-world.netlify.com/world)
`World` page provides the rich features and stats about the Countries affected by the virus:
- Compare Countries over the Weeks: Compare the Spreads by Selecting the Countries of your choice. The selection also gets persisted into the localstorage of the browser so that, you can montor those over times.
- Countries with Overall Death Impact
- Countries Recovering Well
- Total Cases and Splits
- Countries with maximum Deaths Today
- Major Country Spreads
## Countries Page [🔗](https://covid-19-world.netlify.com/countries)
`Countries` page list down all the countries affected by the Virus today. This page allows to:
- Find a Specific Country by type-down search.
- Select a Country to drill down on the details.
- Sort the Countries based on, total cases, active cases, deaths and recovery.
## Information Page [🔗](https://covid-19-world.netlify.com/information)
`Information` page provides general information about COVID-19.
## News Page [🔗](https://covid-19-world.netlify.com/news)
`News` page shows the curated news about COVID-19 and Health from different publications over the globe.
# To Run from the Source
`COVID-19 World` is a ReactJS based project uses API from various sources to visualize and analyse the data to represent in most useful manner. Once you clone/fork the repo, you should be able to run it locally.
Make sure, you have NodeJS installed. Preffered Version of nodeJs is >=12.7.0
With Yarn, Do the followings:
- `yarn install`: Install the Projcect Dependencies
- `yarn start`: Start the app in dev mode. The app will be available on [https://localhost:4000](https://localhost:4000)
- `yarn build`: Build the app for production.
With NPM, Do the followings:
- `npm install`: Install the Projcect Dependencies
- `npm run start`: Start the app in dev mode. The app will be available on [https://localhost:4000](https://localhost:4000)
- `npm run build`: Build the app for production.
# Credits and Motivations
Only motivation behind building this app was to kill time at home over a Long Weekend. 😏
My sincere thanks to followings 👍:
- [Coronavirus NovelCOVID API](https://github.com/NovelCOVID/API)
- [COVID Time-Series API(Pomber)](https://github.com/pomber/COVID19)
- Corona State Data(India)
- [API for News](https://newsapi.org/)
# Technologies
This app is built from the scratch using following User Interface Technologies:
- [ReactJs](https://reactjs.org/)
- [Bootstrap](https://react-bootstrap.netlify.com/)
- [Recharts](http://recharts.org/en-US/)
# License
[](https://app.fossa.io/reports/970db5be-b904-4b5c-acea-1c708a0e92b8)
# 🙏 Stay Home, Stay Safe! 🙏
Contact [https://www.tapasadhikary.com](https://www.tapasadhikary.com) for any further queries.
## Contributors ✨
Thanks goes to these wonderful people ([emoji key](https://allcontributors.org/docs/en/emoji-key)):
Tapas Adhikary
💻
Nirmal Kumar
🐛
Saurav Kanchan
💻
NagarjunShroff
💻
This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!