Problem Statement
Currently, patient records are displayed in tables with search and filtering capabilities. While this works well for individual record management, it becomes difficult for ASHA workers, nurses, and administrators to visualize the geographical distribution of patients or quickly identify patients within a specific locality.
For community healthcare programs, especially those involving regular home visits and follow-ups, a geographic view can significantly improve planning and monitoring.
Proposed Solution
Introduce an interactive map-based dashboard that displays patient locations using map markers.
The initial version would include:
Display patient locations on an interactive map.
Clicking a marker opens a popup containing:
Patient Name
Patient ID
Treatment Status
Assigned Healthcare Worker (if applicable)
Link to the patient profile.
Filter markers by:
Treatment status
Hospital
Assigned ASHA worker
Disease type (if available)
Zoom and pan support.
Role-based visibility consistent with existing RBAC permissions.
Benefits
Easier identification of patients requiring community follow-up.
Better visualization of patient distribution.
Improved planning for ASHA workers and nurses.
Helps administrators understand regional patient coverage.
Provides a foundation for future enhancements such as route planning, marker clustering, and disease heatmaps.
Possible Implementation
#Frontend:
React Leaflet
OpenStreetMap
#Backend:
Store patient coordinates using Firebase Firestore (GeoPoint or latitude/longitude fields).
Fetch location data using existing TanStack Query hooks.
Please assign it to me
Problem Statement
Currently, patient records are displayed in tables with search and filtering capabilities. While this works well for individual record management, it becomes difficult for ASHA workers, nurses, and administrators to visualize the geographical distribution of patients or quickly identify patients within a specific locality.
For community healthcare programs, especially those involving regular home visits and follow-ups, a geographic view can significantly improve planning and monitoring.
Proposed Solution
Introduce an interactive map-based dashboard that displays patient locations using map markers.
The initial version would include:
Display patient locations on an interactive map.
Clicking a marker opens a popup containing:
Patient Name
Patient ID
Treatment Status
Assigned Healthcare Worker (if applicable)
Link to the patient profile.
Filter markers by:
Treatment status
Hospital
Assigned ASHA worker
Disease type (if available)
Zoom and pan support.
Role-based visibility consistent with existing RBAC permissions.
Benefits
Easier identification of patients requiring community follow-up.
Better visualization of patient distribution.
Improved planning for ASHA workers and nurses.
Helps administrators understand regional patient coverage.
Provides a foundation for future enhancements such as route planning, marker clustering, and disease heatmaps.
Possible Implementation
#Frontend:
React Leaflet
OpenStreetMap
#Backend:
Store patient coordinates using Firebase Firestore (GeoPoint or latitude/longitude fields).
Fetch location data using existing TanStack Query hooks.
Please assign it to me