DEV Community

Cover image for Covid-19 Tracking App
Maaz Abdullah
Maaz Abdullah

Posted on

Covid-19 Tracking App

Coronavirus disease (COVID-19) is an infectious disease caused by a newly discovered coronavirus. Corona Virus is, unfortunately, spreading through the entire world. As far as of today we don't have any vaccines for this infectious disease. Scientists all around the world are trying their best to develop a vaccine for this disease. Government around the world are trying to limit the cases in their countries so as to flatten the curve and prevent further infection into its people.

What can we, as developers, do to make the situation better? We can help to spread awareness by visualizing the data.
This is my small effort to develop a COVID-19 Tracking app based on react.
It is a COVID-19 Tracker/Stats Application. I have used React with the addition of Charts.js, Material UI, and many different modules. The data is fetched from the API and cards are created displaying the statistics as well as Charts. This project/application is created using the most modern JavaScript syntax. Along the way, I have used Material UI, Charts.js, React Hooks, API data fetching, all of it in React JS!

App Link: https://covidtrackerglobe.netlify.app/

Here are few of the screenshots of the App
Alt Text
Alt Text
Alt Text

API: https://covid19.mathdro.id/api
Github: https://github.com/maaz1996/covid-19

Top comments (1)

Collapse
 
javaarchive profile image
Raymond

All of these COVID-19 apps are sooooo good looking. Keep up the great work everyone!