Skip to content

First release!

Latest
Latest
Compare
Choose a tag to compare
@jjdcabasolo jjdcabasolo released this 22 Jul 06:01
· 35 commits to master since this release
v.1.0
ff7f0e5
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

covid-19-tracker-app

Built with open-wc recommendations A progressive web app

COVID-19 Tracker is a web application that lists COVID-19 case count of countries around the world.

DEMO: Click here to view the demo!

Case count category

The case count is categorized into three:

  1. Confirmed cases: includes all types of reported cases, as well as recoveries.
  2. Deaths: a separate count for all deaths caused by COVID-19
  3. Recoveries: a subset of the confirmed cases count, presents the number of discharges/patient recoveries

Tech stack

It is built using web components with the help from LitElement. The project was scaffolded using open-wc's CLI.

For the data source, it uses the free COVID-19 API by api-sports from RapidAPI.

Main features

  • Country search: user can search a country via its name.
  • Coverage filtering: user can filter the coverage of the list, either worldwide or by continent. Total count per coverage is also displayed.
  • Case count sorting: user can sort the list via case count category in ascending or descending (default) order.
  • Country pinning: users can pin a country that would stay on top of the list.

Other features

  • Dark mode: the app's theme adapts to the device/browser's current theme.
  • PWA: this is a progressive web app, it can be installed on supported devices and can work offline.

For offline, the data for the last online session would be used.

Assets 2
Loading