This project was bootstrapped with Create React App following this tutorial.

CoVID-19 Tracker

Description

• This application tracks the number of confirmed cases, the number of recovered cases, and the number of deaths for CoVID-19 data from a global and country (181 countries) perspective. All data pulled from this API and last date/time of information gathered displayed in cards at the top of the page.

Demo Link

• Check out the Project

Technologies Used

• Axios 0.19.2
• Chart.js 2.9.3
• Classnames 2.2.6
• CSS3
• ESLint 14.2.0
• HTML5
• JavaScript
• Material-UI Core 4.10.2
• Moment.js 2.26.0
• ReactDOM 16.13.1
• ReactJS 16.13.1
• React-ChartJS-2 2.9.0
• React CountUp 4.3.3
• React Hooks

Screenshots

Main View (50% to capture whole page)

Full Size Cards

Full Size Line Graph

Line Graph - Deaths Only

Line Graph - Infected Only

Responsive View

Mobile View

Dropdown (182 options, including global)

Cards Country (Australia)

Bar Graph Country (Australia)

How to Run

• Clone down this project from GitHub
• Install http-server from npm.
• In your browser, navigate to https://localhost:3000/

Contributors

Gabriel Seals