packam7/floodwatch-ghana

Community-powered live flood alerts, flood risk zones, and traffic reports across Ghana # FloodWatch Ghana 🌊 > Community-powered live flood alerts, flood risk zones, and traffic reports across Ghana. **Live site:** floodwatch-ghana.netlify.app --- ## Features - 🗺 **Interactive map** — real GPS-accurate pins for flooded areas, flood-risk zones, and traffic jams across Ghana - 📍 **My location** — detects your position and shows nearby incidents within 10km - ✅ **Upvote reports** — confirm incidents reported by other community members - 🤖 **AI assistant** — Claude-powered chat that knows all live reports and answers questions like *"Is the road through Lapaz safe?"* - 🌧 **Ghana Met integration** — pulls live rainfall data from Open-Meteo for real-time weather alerts - 📢 **Report incidents** — submit flooded areas, risk zones, or traffic jams with severity levels --- ## Tech stack | Layer | Technology | |---|---| | Map | Leaflet.js + CartoDB tiles | | Weather | Open-Meteo API (free, no key needed) | | AI chat | Anthropic Claude API | | Hosting | Netlify (static) | | Language | Vanilla HTML/CSS/JS — zero build step | --- ## Deploy in 60 seconds ### Option A — Netlify (recommended) 1. Fork this repo 2. Go to netlify.com → **Add new site** → **Import from Git** 3. Select your fork — Netlify auto-detects `netlify.toml` 4. Click **Deploy** — done ### Option B — GitHub Pages 1. Fork this repo 2. Go to repo **Settings** → **Pages** 3. Source: **Deploy from branch** → `main` → `/ (root)` 4. Your site will be live at `yourusername.github.io` ### Option C — Run locally ```bash git clone github.com cd floodwatch-ghana # Open index.html in your browser — no build step needed open index.html ``` --- ## Project structure ``` floodwatch-ghana/ ├── index.html # Main app shell ├── style.css # All styles ├── data.js # Seed report data + coordinate lookup ├── map.js # Leaflet map + markers ├── app.js # Sidebar, filters, upvoting, modal ├── cha …