At a Glance

Name: Build a COVID dashboard with React
Price: Free CAD
Rating: 4.3 (204 reviews)
Author: arjun_swani

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

Offered By: IBM

Build a COVID dashboard with React

At a Glance

About

A Look at the Project Ahead

What You’ll Need

Your Instructors

Sign up to our newsletter