rafat17 / Project-COVID19

A Single Page Application (SPA) that tracks the statistics of COVID-19 worldwide

COVID-19 Statistics Tracker with React

Overview

A Single Page Application (SPA) that tracks the statistics of COVID-19 worldwide

Features

Basic features include -

• Landing page
• Country Selection
• Total cases count on 8 different categories
• Pie Chart representation
• Data Visual Type selection
• Historical Data View (upto 30 days)

Installation and Usage

• Download or clone the git repository
• Install any of the two package managers (npm/yarn)
• Use terminal (cmd.exe) to navigate to the directory
• run npm install (for npm) OR yarn install (for yarn)
• Then run npm start (for npm) OR yarn start (for yarn)

Open Source API Usage

• NovelCOVID API. Documentation available here.

Additional Third Party packages Usage

• React-Chartjs-2 - Used built-in graphical representation components from here
• Material-UI - Used the default UI components from here but with moderate customization applied to them
• React-loading - Lightweight package with loading components that came in handy
• React-Emoji-Render - Lightweight package with emoji icons readily available to use.

Screenshots

1. Global Case Data Overview

2. CountryWise Case Data Overview (e.g Bangladesh)

3. Timeline Data View (Bar Graph)

4. Timeline Data View (Horizontal Graph)

5. Timeline Data View (Line Graph)