In this video, we will create a COVID-19 Tracker/Stats Application. We’re going to use React with the addition of Charts.js, Material UI and many different modules.

Corona Virus is, unfortunately, spreading through the entire world. What can we, as developers, do to make the situation better? We can help to spread awareness by visualizing the data. The data is fetched from the API and we’ll create cards displaying the statistics as well as Charts. This project/application is created using the most modern JavaScript syntax.

The project is going to fetch the live data from the API using Async/Await syntax. In this video, we also use React Hooks! By the end of this video, you will have a strong understanding of React’s workflow; including data fetching, hooks, folder structure and more.

📚 Materials/References:
GitHub Code (feel free to give it a star ⭐) - https://github.com/adrianhajdin/project_corona_tracker
Image: https://i.ibb.co/7QpKsCX/image.png
API: https://covid19.mathdro.id/api

#reactjs #javascript #web-development

Build a COVID-19 Tracker Application with React, Charts and Material UI
12.85 GEEK