# Kampala Health Centers Map — Short Report
Interactive web map showing health facilities in Kampala (Hospitals, Clinics, Health Centers, Dispensaries). The project demonstrates an accessible Leaflet-based map with search, popups, user geolocation and a light / dark theme.
## Tools used
- Visual Studio Code — development and editing pment and editing
- Leaflet.js — interactive mapping library
- OpenStreetMap (via Leaflet) — basemap tiles - OpenStreetMap (via Leaflet) — basemap tiles
- HTML / CSS / JavaScript — frontend implementation CSS / JavaScript — frontend implementation
- Git & GitHub — version control and hosting g
- Local server for testing: Python (`python -m http.server`) or any static server
Dataset source
- Primary dataset: GeoJSON features embedded in `script.js` (manually curated sample of Kampala health facilities). lly curated sample of Kampala health facilities).
- Each feature includes: name, type (Hospital / Clinic / Health Center / Dispensary), contact, description, and coordinates (longitude, latitude). nic / Health Center / Dispensary), contact, description, and coordinates (longitude, latitude).
- Alternative: export GeoJSON from OpenStreetMap or use other authoritative sources to replace or extend the embedded data.- Alternative: export GeoJSON from OpenStreetMap or use other authoritative sources to replace or extend the embedded data.
## Key features
- Interactive Leaflet map centered on Kampala with custom markers per facility type. m markers per facility type.
- Popups with facility details and a "Navigate" option. " option.
- Case-insensitive search that zooms to matched facilities. hed facilities.
- "Show my location" (browser geolocation) and a persistent light/dark theme toggle (stored in localStorage). t/dark theme toggle (stored in localStorage).
- Responsive layout for desktop and mobile. for desktop and mobile.
## How to run (Windows)run (Windows)
1. Open PowerShell and change to project folder:
cd "C:\Users\CLASSI …