Healthcare platform — facility & care search
A map-first directory for finding doctors, clinics, and diagnostic technologies, with appointment booking built directly on top of the map — serving four different user types from one Angular codebase.
Front-End Engineer
Angular 6 · NgRx · Universal
Patient · Doctor · Clinic · Tech Provider
Leaflet + OpenStreetMap
Map search
General · Cardiology · Open until 8PM
Family Medicine · Next slot: Today 3:30PM
MRI · CT Scan · Same-day booking
Dermatology · Next slot: Tomorrow 9AM
Appointment booking
Build notes
State shared, not tangled
NgRx kept the same underlying entities — facilities, appointments, providers — consistent across all four interfaces instead of four separate data models drifting apart.
Crawlable directory
Angular Universal server-rendered the facility pages, so a directory people mostly reach through search stayed indexable and fast on first paint.
Motion via the framework
Interface transitions used Angular's declarative trigger/transition API rather than hand-written CSS keyframes — animation logic lived next to component state.
Map as the search surface
Leaflet + OpenStreetMap plotted clinics, doctors, and diagnostic equipment together, with booking layered directly onto the pin — no separate booking flow to leave the map for.