# Covid19 Tracker

> Real-time COVID-19 dashboard for India. Angular 9 PWA with live case tracking, recovery trends, and installable offline support. Built and shipped when the pandemic hit.

- URL: https://mandalsuraj.com/blog/covid-tracker
- Author: Suraj Mandal (https://mandalsuraj.com)
- Published: 2020-03-20
- Project date: 2020-09-14
- Tags: covid, dashboard, angular, pwa, webdev, appdev
- Source: https://github.com/surajmandalcell/covid-tracker-India
- Live PWA: https://covid.surajmandal.in

![Covid19 Tracker cover](https://mandalsuraj.com/images/blog/covid-tracker/cover.png)

I shipped this **Angular 9 PWA** during the early COVID-19 pandemic. It gave users a quick view of India and global case data.

## Product Scope

- India totals and state data.
- Global totals and country search.
- Charts, news, and health guidance.
- Light and dark themes.
- Firebase hosting and PWA installation.

Public data sources changed often. I updated search, state pages, news pages, and service worker behavior as the project ran.

## Visual Proof

![Cover](https://mandalsuraj.com/images/blog/covid-tracker/cover.png)

### Desktop And Mobile Screens


![Desktop home in dark mode](https://mandalsuraj.com/images/blog/covid-tracker/home_desktop_dark.png)


![Desktop home in light mode](https://mandalsuraj.com/images/blog/covid-tracker/home_desktop_light.png)


![Desktop statistics in dark mode](https://mandalsuraj.com/images/blog/covid-tracker/stats_desktop_dark.png)


![Desktop statistics in light mode](https://mandalsuraj.com/images/blog/covid-tracker/stats_desktop_light.png)


![Mobile home in dark mode](https://mandalsuraj.com/images/blog/covid-tracker/home_dark_new.png)


![Mobile home in light mode](https://mandalsuraj.com/images/blog/covid-tracker/home_light_new.png)


![Mobile statistics in dark mode](https://mandalsuraj.com/images/blog/covid-tracker/stats_dark.png)


![Mobile statistics in light mode](https://mandalsuraj.com/images/blog/covid-tracker/stats_light.png)