SaaSPersonal

COVID-19 Tracker

Patient Tracking Dashboard with Interactive Maps

GitHub Repo

Full-Stack

Stack

Maps + CRUD

Features

Real-Time

Dashboard

Patient Mgmt

Data

ReactJavaScriptNode.jsExpress

01Overview

A full-stack COVID-19 patient tracking application featuring an interactive map dashboard, patient management system, and statistics overview. Users can add patients, view geographic distribution on a map, and monitor aggregate counts through a dashboard.

The application provides three main views: a home page with statistics, a patient registration form, and an interactive map dashboard showing patient distribution — all connected to a Node.js/Express backend API.

02My Role & Impact

Built the React frontend with interactive map visualization for geographic patient distribution and a statistics dashboard with aggregate counts.
Developed the Node.js/Express backend API with patient CRUD endpoints and aggregate count queries.
Deployed the frontend to Netlify and the backend to Heroku for a fully hosted production environment.

03Technical Deep Dive

The dashboard integrates an interactive map component that renders patient locations as markers, enabling geographic visualization of case distribution. The counts endpoint aggregates patient data server-side, reducing client-side computation and providing real-time statistics.

04Tech Stack Breakdown

Frontend

React
JavaScript
Interactive Maps
Netlify (deployment)

Backend

Node.js + Express
REST API
Heroku (deployment)

PreviousVideo Chat