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

Build a COVID dashboard with React

Language

Topic

Enrollment Count

Skills You Will Learn

Offered By

Estimated Effort

Platform

Last Update