项目作者: debrajhyper

项目描述 :
Coronavirus Outbreak in India: Latest Map and Case Count with real Time update data along with essential information.
高级语言: JavaScript
项目地址: git://github.com/debrajhyper/COV-19-India.git
创建时间: 2021-02-28T16:01:17Z
项目社区:https://github.com/debrajhyper/COV-19-India

开源协议:

下载


COV-19-India Awesome

Website : COV-19 | India

  1. Coronavirus Outbreak in India: Latest Map and Case Count with real Time
  2. 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

    1. ╔═╗╔╦╗╔═╗╦ ╦╔═╗╔╦╗╔═╗
    2. ╚═╗ ╠═╣╚╦╝ ╠═╣║ ║║║║║╣
    3. ╚═╝ ╩╚═╝╩ ╩╚═╝
    4. ╔═╗╔╦╗╔═╗╦ ╔═╗╔═╗╔═╗╔═╗
    5. ╚═╗ ╠═╣╚╦╝ ╚═╗╠═╣╠╣ ║╣
    6. ╚═╝ ╚═╝╩ ╩╚ ╚═╝

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





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


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