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. Along the way, you'll learn how to use Material UI, Charts.js, React Hooks, API data fetching, all of it in React JS! 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. ⚠ The API used in this video stopped displaying the daily values. The whole project still works absolutely fine. If you want to have the daily data (and a corresponding chart), I found the API that offers the daily data for the US and implemented it. All necessary changes that you need to make are in this GitHub commit - http://bit.ly/DailyDataFix. (while you're there feel free to 🌟the repository) ⭐ Join JS Mastery Pro: https://jsmastery.com 💎 Ultimate Next.js Course: https://jsmastery.com/course/the-ultimate-next-js-15-course 🧪 Ultimate Testing Course: https://jsmastery.com/course/the-complete-next-js-testing-course 📗 GSAP Course: https://jsmastery.com/course/gsap-animations-course 📕 Three.js 3D Course: https://jsmastery.com/course/vanilla-three-js-course 📙 JavaScript Course: https://jsmastery.com/course/complete-path-to-javascript-mastery 🚀 Launch Your SaaS Course: https://jsmastery.com/course/build-launch-your-saas-in-under-7-days 📚 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 💻 Discord - https://discord.gg/n6EdbFJ 🐦 Twitter - https://twitter.com/jsmasterypro 🖼️ Instagram - https://instagram.com/javascriptmastery 💼 Business Inquiries: contact@jsmastery.pro

React Native Full Course 2026 | Build, Publish and Monetize a Full Stack Mobile App to App Store
87.2K views

I Vibe Coded a $50K Website in One Weekend Using AI
122.5K views

The Right Way to Build AI Apps in 2026 | Next.js 16 Course
96.9K views

Deploy Your Own AI Agent in 45 Minutes | Beginner OpenClaw Tutorial
126.6K views

Build and Deploy a Full-Stack AI App (Completely Free)
125.5K views

Real-Time WebSockets Course | Build a Live Sports Dashboard with Node.js & PostgreSQL
176.4K views