Skip to content

πŸ‘‰πŸ» Coronavirus Outbreak in India: Latest Map and Case Count with real Time update data along with essential information.

License

Notifications You must be signed in to change notification settings

debrajhyper/COV-19-India

COV-19-India Awesome

Website : 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 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

Unofficial Data

Screenshots

Dashboard | Data Table

Dashboard | Map visualization

Cov-19 Information

All your queries



if (_.isAwesome(thisRepo)) {
  thisRepo.star(); // thanks in advance :p
}

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 Datatype
  • Sorting String and Object arrays
  • Doing arithmetic Calculation on Object types
  • Nesting Table Dynamically
  • Loading component Dynamically 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.