COV-19 | India

Live Demo: COV-19 | India

Debraj Karmakar
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.
Dashboard

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
Data Table & Map visualization

API

Official data

Case counts:

Testing stats:

Hospitals & beds:

Contact & helpline:

Unofficial data

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.

--

--