Challenge

For this beginner challenge, create this simple COVID-19 dashboard:

Open preview in a separate page

Starter Project

You can grab the starter project for this challenge here:

c004_covid19_dashboard_starter.zip
v0.1.1, updated: 2024-02-27

Check the README for how to use it.

Primary Goals

Create a simple COVID-19 dashboard:

  • Implement a custom card widget showing a name, image, and count for a given data point
  • Show the total cases, active cases, deaths, recovered
  • The layout should be vertically scrollable

Stretch Goals

  • Implement a light theme variant

What You Will Learn

  • Simple layouts with Rows and Columns
  • Add spacing and padding to your widgets
  • Load images from assets
  • Format numbers using a comma as the thousands-separator

Questions? Let's chat