COV-19 | India
Live Demo: COV-19 | India
2 min readMar 6, 2021
GitHub: https://github.com/debrajhyper/COV-19-India
Coronavirus Outbreak in India: Latest Map and Case Count with real Time update data along with essential information.
Key Features
- Easy Data representation of Covid cases in India.
- States along with District data in tabular format.
- Generate Table data direct from the website (JSON, CSV, PDF)
- Covid Map Visualization of India (District & States)
- Covid Graph Visualization of India
- Information to awareness
Website Info
Developed by Debraj Karmakar
This is a small effort from my side to keep yourself updated with number of corona cases reported in India so far. Checkout the available APIs here. Thankful to @covid19india organization for such a wonderful API. The Open Graph image used is taken from here.
Technology Used :
- HTML5
- CSS3
- Bootstrap
- Material UI
- jQuery
- D3
- TopoJSON
- Ajax
- Fetch API
- JavaScript
- Github
- VS Code
- Chrome
API
Official data
Case counts:
- api.rootnet.in/covid19-in/stats/latest
- api.rootnet.in/covid19-in/stats/history
- api.covid19india.org/data.json
- api.covid19india.org/v2/state_district_wise.json
Testing stats:
- api.rootnet.in/covid19-in/stats/testing/latest
- api.rootnet.in/covid19-in/stats/testing/history
- api.rootnet.in/covid19-in/stats/testing/raw
Hospitals & beds:
Contact & helpline:
Unofficial data
- Unofficial sources: https://api.rootnet.in/covid19-in/unofficial/sources
- Unofficial patient tracing data: https://api.rootnet.in/covid19-in/unofficial/covid19india.org
- Unofficial statewise: https://api.rootnet.in/covid19-in/unofficial/covid19india.org/statewise
- Unofficial statewise history: https://api.rootnet.in/covid19-in/unofficial/covid19india.org/statewise/history
Conclusion:
Here are the key takeaways of this Project
- Working with an HTTP request
- Working with JSON Data (Arrays and Objects)
- Sorting Numeric Data
- Sorting Datatypes
- Sorting String and Object arrays
- Doing arithmetic Calculation on Object types
- Nesting Table Dynamically
- Loading component Dyanamically on Click
- Use of moment Date Filter
- Export data directly from the webpage
So I hope you will like this project. And kindly do check my live link to the website. Please feel free to go through the statistics and keep learning and utilize your time. STAY SAFE.