itsabay00/Ghana-Flood-Reporter

View and report affected zones # Accra FloodWatch 🌊 Accra FloodWatch is a real-time, crowd-sourced flood zone reporting and safe haven navigation platform designed specifically for **Accra, Ghana**. The application is designed following a premium fintech-inspired design system: it uses a light canvas, generous whitespace, visual restraint, and selective accent coloring to communicate critical crisis data clearly and effectively. Live server local link: localhost --- ## 🚀 Key Features * **Accra, Ghana Centralized Focus**: The map defaults to Accra (latitude `5.5861`, longitude `-0.2184`) and is pre-populated with historical mock reports from Ghana's recent major floods (2024–2026) in areas like **Adabraka Sahara, Kaneshie Market, N1 Highway (Apenkwa), Weija, and Tse Addo**. * **Dual-mode Leaflet Map**: * **Heatmap View**: Renders intensity density overlays using `Leaflet.heat` based on the density and severity of flood reports. * **Reports View**: Displays custom-styled HTML markers pulsing on coordinates, color-coded by severity level. * **Dynamic Risk Score Indicator**: The top header calculates a live "Accra Flood Risk Score" based on current active reports. The score is paired with a segmented health bar (Blue → Green → Yellow → Orange → Red) and a sliding indicator. * **Interactive Crowdsourced Reporting**: Users can click anywhere on the map to pin precise coordinates, designate the area name/landmark, select the severity level (Low, Medium, Critical), and enter situational details. * **Dynamic Geolocation Support**: Integrates browser Geolocation to quickly locate the user, falling back to a coordinate near Accra Mall if blocked or unavailable. * **Bypassing Safe Route Engine**: * Lists all designated safe shelters (Accra Sports Stadium, Achimota School ground, Legon Botanical Gardens). * Calculates real-time distance in kilometers using the Haversine formula from the user's pinned location to each shelter. * Clicking a safe zone p …