×

Build a COVID dashboard with React

Add to wishlistAdded to wishlistRemoved from wishlist 0
Add to compare+
Duration

1 hour

level

Intermediate

Rating

4.3

Review

288 Reviews

Enrolled

1.25k+ Enrolled

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.

Add your review

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

User Reviews

0.0 out of 5
0
0
0
0
0
Write a review

There are no reviews yet.

Be the first to review “Build a COVID dashboard with React”

Your email address will not be published. Required fields are marked *

Build a COVID dashboard with React
Build a COVID dashboard with React
Edcroma
Logo
Compare items
  • Total (0)
Compare
0
https://login.stikeselisabethmedan.ac.id/produtcs/
https://hakim.pa-bangil.go.id/
https://lowongan.mpi-indonesia.co.id/toto-slot/
https://cctv.sikkakab.go.id/
https://hakim.pa-bangil.go.id/products/
https://penerimaan.uinbanten.ac.id/
https://ssip.undar.ac.id/
https://putusan.pta-jakarta.go.id/
https://tekno88s.com/
https://majalah4dl.com/
https://nana16.shop/
https://thamuz12.shop/
https://dprd.sumbatimurkab.go.id/slot777/
https://dprd.sumbatimurkab.go.id/
https://cctv.sikkakab.go.id/slot-777/
https://hakim.pa-kuningan.go.id/
https://hakim.pa-kuningan.go.id/slot-gacor/
https://thamuz11.shop/
https://thamuz15.shop/
https://thamuz14.shop/
https://ppdb.smtimakassar.sch.id/
https://ppdb.smtimakassar.sch.id/slot-gacor/
slot777
slot dana
majalah4d
slot thailand
slot dana
rtp slot
toto slot
slot toto
toto4d
slot gacor
slot toto
toto slot
toto4d
slot gacor
tekno88
https://lowongan.mpi-indonesia.co.id/
https://thamuz13.shop/
https://www.alpha13.shop/
https://perpustakaan.smkpgri1mejayan.sch.id/
https://perpustakaan.smkpgri1mejayan.sch.id/toto-slot/
https://nana44.shop/
https://sadps.pa-negara.go.id/
https://sadps.pa-negara.go.id/slot-777/
https://peng.pn-baturaja.go.id/
https://portalkan.undar.ac.id/
https://portalkan.undar.ac.id/toto-slot/
https://penerimaan.ieu.ac.id/
https://sid.stikesbcm.ac.id/