{"kind":"post","path":"/blog/covid-tracker","post":{"metadata":{"title":"Covid19 Tracker","summary":"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.","publishedAt":"2020-03-20","projectDate":"2020-09-14","ascent":"#ffdd00","github":"surajmandalcell/covid-tracker-India","links":[{"label":"Live PWA","href":"https://covid.surajmandal.in","type":"website"}],"tags":["covid","dashboard","angular","pwa","webdev","appdev"],"weight":0},"slug":"covid-tracker","content":"I shipped this **Angular 9 PWA** during the early COVID-19 pandemic. It gave users a quick view of India and global case data.\n\n## Product Scope\n\n- India totals and state data.\n- Global totals and country search.\n- Charts, news, and health guidance.\n- Light and dark themes.\n- Firebase hosting and PWA installation.\n\nPublic data sources changed often. I updated search, state pages, news pages, and service worker behavior as the project ran.\n\n## Visual Proof\n\n\n\n### Desktop And Mobile Screens\n\n\u003cdiv className=\"bp-evidence-grid\" data-preview-gallery=\"true\"\u003e\n \u003cimg src=\"/images/blog/covid-tracker/home_desktop_dark.png\" alt=\"Desktop home in dark mode\" /\u003e\n \u003cimg src=\"/images/blog/covid-tracker/home_desktop_light.png\" alt=\"Desktop home in light mode\" /\u003e\n \u003cimg src=\"/images/blog/covid-tracker/stats_desktop_dark.png\" alt=\"Desktop statistics in dark mode\" /\u003e\n \u003cimg src=\"/images/blog/covid-tracker/stats_desktop_light.png\" alt=\"Desktop statistics in light mode\" /\u003e\n \u003cimg src=\"/images/blog/covid-tracker/home_dark_new.png\" alt=\"Mobile home in dark mode\" /\u003e\n \u003cimg src=\"/images/blog/covid-tracker/home_light_new.png\" alt=\"Mobile home in light mode\" /\u003e\n \u003cimg src=\"/images/blog/covid-tracker/stats_dark.png\" alt=\"Mobile statistics in dark mode\" /\u003e\n \u003cimg src=\"/images/blog/covid-tracker/stats_light.png\" alt=\"Mobile statistics in light mode\" /\u003e\n\u003c/div\u003e"}}