Build a COVID dashboard with React
Build a dynamic and interactive COVID-19 dashboard using React. Learn how to fetch data from APIs, visualize statistics, and create a responsive UI to track global or local COVID-19 data in real-time.
At a Glance
Visualize COVID data as a dynamic single-page dashboard by utilizing front-end Javascript frameworks React.js, Chart.js, and COVID-19 Canada Open Data Working Group’s API.
About
In this guided project, you will use front-end Javascript frameworks React.js and Chart.js to create a dynamic single-page application that visualizes data from COVID-19 Canada Open Data Working Group’s API as a dashboard. This guided project serves as an introduction to utilizing and integrating front-end frameworks with APIs to build simple but powerful applications.
A Look at the Project Ahead
After completing this project, you will be able to
- Develop a React application from scratch
- Apply and interpret JSX syntax
- Describe and create a React Component
- Utilize React hooks to store data and work with renders/re-renders
- Use third party libraries to streamline development
What You’ll Need
Firstly, you just need a web browser! Regarding prior skills, you will also need basic JavaScript programming knowledge to write the application and some basic HTML/CSS knowledge to create the frontend.
Everything else is provided to you via the IBM Skills Network Labs environment, where you will have access to the Cloud IDE and Python runtimes that we offer as part of the IBM Skills Network Labs environment.
This platform works best with current versions of Chrome, Edge, Firefox, Internet Explorer or Safari.
Your Instructors
Arjun Swani
Richard Ye, IBM
Richard Ye, IBM
There are no reviews yet.