AI-powered disaster management platform built for the Agents for Good track.
When floods, earthquakes, cyclones, or accidents strike — LifeBridge AI helps citizens find shelters, check safe roads, coordinate rescue, and access life-saving first aid instructions.
When disasters strike in India — Mumbai floods, earthquake tremors, Arabian Sea cyclones, or industrial chemical leaks — citizens face critical information gaps:
| ❓ Question | Without LifeBridge AI | With LifeBridge AI |
|---|---|---|
| Where are shelters? | Unknown, panic-driven | Live map with capacity & supply data |
| Which roads are safe? | No centralized data | Color-coded route status with real-time updates |
| How to get medical help? | Overwhelmed helplines | AI agent with first-aid playbooks + voice readout |
| What supplies do I need? | No guidance | Personalized emergency kit generator |
| Is my family safe? | Unreachable | Satellite Family Beacon Tracker |
- Dark-mode interactive map centered on Mumbai
- Color-coded road overlays: 🟢 Safe · 🔵 Flooded · 🔴 Blocked · 🟡 Caution
- Shelter markers with real-time occupancy, supplies, and amenity details
- Hazard zone polygons (flood inundation, seismic epicenters, chemical plumes)
- SOS Beacon markers with pulsing ripple animations
- Natural Language Processing powered rule-based emergency response engine
- Understands queries like: "Is WEH safe?", "Where are shelters near Bandra?", "How do I do CPR?"
- Cross-references live scenario state (shelter capacity, road blockages) for context-aware answers
- 🔊 Text-to-Speech: Click any response to hear it read aloud via Web Speech API
Trigger 5 realistic disaster simulations in real-time:
| Scenario | Trigger |
|---|---|
| 🌊 Mumbai Monsoon Waterlogging | BMC Red Alert, LBS Marg flooded |
| 🏚️ Magnitude 6.8 Earthquake | Koyna Fault seismic wave, WEH blocked |
| 🌀 Arabian Sea Cyclone 'Tauktae' | Sea Link closed, Bandra coastal surge |
| ☣️ Chembur Refinery Gas Leak | EEH blocked, toxic plume polygon |
| ✅ Normal Operations | Baseline satellite monitoring |
- Satellite-linked family member status (Safe / In Shelter / Help Request)
- Real-time battery level and last-ping timestamp
- Locate on Map button pans the Leaflet map to their coordinates
- Ping Device to confirm connectivity and update signal timestamp
- Submit crowdsourced hazard reports (flooding, fallen trees, exposed wires, fire, chemical leaks)
- Reports appear instantly on the live situation map as colored warning markers
- Automatically creates a volunteer dispatch task for the reported hazard
- Active community tasks with severity levels (Critical / High / Medium)
- Claim Dispatch to accept a task (delivers supplies, clears debris)
- Complete a task → shelter supply stocks update in real-time
- Request emergency supply air-drops (insulin, infant formula, water purification kits)
- Simulated drone flight progress animation (dispatch → navigation → delivery)
- Delivery confirmation feeds the regional alert log
- Calculates water, food, and medical needs based on household size
- Generates context-specific checklists for Flood / Earthquake / Cyclone scenarios
- Includes scenario-specific items (water purification tablets, gas shutoff wrench, sandbags)
- 5 fully detailed playbooks with step-by-step instructions:
- 🫀 CPR Protocol (calls 112/108 — Indian National Emergency)
- 🩸 Heavy Bleeding Control
- 🔥 Thermal Burns Treatment
- 🧱 Earthquake Survival (Drop-Cover-Hold)
- 🌊 Monsoon & Urban Flood Safety
- 🔊 Voice Readout button on every playbook card
- Toggle between Satellite ONLINE and Offline Cache mode
- Simulates connectivity loss during deep disaster scenarios
- Playbooks remain accessible from local cache
graph TD
A[👤 Citizen / Responder] -->|Web Browser| B[LifeBridge AI Dashboard]
B --> C[🗺️ Live Situation Map\nLeaflet.js + CartoDB Dark Tiles]
B --> D[🤖 AI Emergency Agent\nNLP Parser + Web Speech API]
B --> E[📡 Scenario Simulator\nDisaster Config Engine]
B --> F[👪 Family Safety Net\nBeacon Tracker]
B --> G[⚠️ Citizen Hazard Reporter\nMap Integration]
B --> H[🩺 First Aid Playbooks\nVoice Synthesis]
E -->|Override Data| I[(Disaster Scenarios DB\ndata.js)]
I --> C
I --> D
C -->|Markers + Polygons| J[Shelter Markers\nRoad Overlays\nHazard Zones\nSOS Beacons]
D -->|Query Parsing| K[Shelter Lookup\nRoad Status\nFirst Aid Guide\nFamily Status]
G -->|Submit Report| C
G -->|Create Task| L[🤝 Volunteer Console]
L -->|Claim & Complete| I
flowchart LR
A([🚨 Disaster Event]) --> B{Select Scenario\nin Simulator}
B --> C[Flood 🌊]
B --> D[Earthquake 🏚️]
B --> E[Cyclone 🌀]
B --> F[Chemical Spill ☣️]
C & D & E & F --> G[Map Hazard\nZones Rendered]
C & D & E & F --> H[Road Overlays\nUpdated]
C & D & E & F --> I[Alert Feed\nBroadcasted]
C & D & E & F --> J[Telemetry Charts\nUpdate]
G & H & I & J --> K{Citizen Action}
K -->|Needs Shelter| L[🏥 Shelter Registry\nLive Capacity View]
K -->|Needs Route| M[🛣️ Road Status\nSafe Corridors]
K -->|Needs Help| N[🤖 Ask AI Agent\nVoice Response]
K -->|Medical Emergency| O[🩺 First Aid Playbook\nAudio Read-aloud]
K -->|Danger Spotted| P[📍 Submit Hazard\nReport on Map]
K -->|Critical Distress| Q[🆘 SOS Beacon\nBroadcast]
P --> R[🤝 Volunteer Task\nCreated]
R --> S[Community\nResponder Claims Task]
S --> T[✅ Task Completed\nShelf Stocks Updated]
LifeBridge-AI/
│
├── 📄 index.html ← Main SPA dashboard layout & navigation
│
├── 📁 css/
│ └── 🎨 style.css ← Glassmorphism dark design system
│ CSS variables, animations, responsive grid
│
└── 📁 js/
├── 🗄️ data.js ← Mumbai shelters, roads, family statuses,
│ first-aid playbooks, disaster scenarios
│
├── 🤖 agent.js ← NLP emergency query parser
│ Web Speech API voice synthesis
│
├── 🗺️ map.js ← Leaflet.js map controller
│ Shelter markers, road polylines,
│ hazard polygons, SOS beacons
│
└── ⚙️ app.js ← Core app state controller
Tab routing, SVG telemetry charts,
volunteer console, aid dispatch,
checklist generator, event handlers
- Python 3.x (for local dev server) or any HTTP server
- A modern web browser (Chrome, Edge, Firefox)
# 1. Clone the repository
git clone https://github.com/YOUR_USERNAME/LifeBridge-AI.git
# 2. Navigate into the project
cd LifeBridge-AI
# 3. Start a local server
python -m http.server 8000
# 4. Open in browser
# Navigate to: http://localhost:8000No build tools required. The app is 100% vanilla HTML, CSS, and JavaScript.
| Layer | Technology | Purpose |
|---|---|---|
| Structure | HTML5 Semantic | Dashboard layout & accessibility |
| Styling | Vanilla CSS3 | Glassmorphism, animations, responsive grid |
| Mapping | Leaflet.js v1.9.4 | Interactive dark-mode situation map |
| Map Tiles | CartoDB Dark Matter | Dark theme base tiles |
| Typography | Google Fonts (Inter, Outfit) | Premium UI typography |
| Voice | Web Speech API | Text-to-speech emergency readouts |
| Data | JSON (local) | Shelters, roads, scenarios, playbooks |
| Charts | Inline SVG | Real-time telemetry micro-charts |
| Service | Number |
|---|---|
| 🆘 National Emergency | 112 |
| 🚑 Ambulance | 108 |
| 🔥 Fire Brigade | 101 |
| 👮 Police | 100 |
| 🏗️ NDRF Helpline | 011-24363260 |
| 🌧️ BMC Disaster Control | 1916 |
| 🌀 NDMA Helpline | 1078 |
The current simulation is centered on Mumbai, Maharashtra with data covering:
- Bandra Reclamation Safe Haven
- Dharavi Sports Complex Relief Hub
- Andheri Sports Complex Center
- Ghatkopar East Emergency Depot
- Key corridors: Bandra-Worli Sea Link · WEH · LBS Marg · EEH · Sion-Panvel Expressway
💬 "Where are the shelters?" → Lists all shelters with capacity & stock
💬 "Is WEH safe?" → Western Express Highway status
💬 "Is LBS Marg flooded?" → LBS Marg current condition
💬 "CPR guide" → Step-by-step CPR with voice readout
💬 "Is Priya safe?" → Family beacon tracker lookup
💬 "How to treat bleeding?" → Bleeding control playbook
💬 "What happened?" → Current scenario operational briefing
💬 "How can I volunteer?" → Active community dispatch tasks
This project was built for the Kaggle Capstone Project under the Agents for Good track, demonstrating how AI agents can:
- 🤖 Parse natural language queries in emergency contexts
- 🗺️ Cross-reference live situational data (shelter capacity, road status)
- 🔊 Synthesize voice guidance using browser-native Web Speech API
- 📡 Coordinate citizen response (hazard reporting, volunteer dispatch, aid requests)
- 🩺 Deliver life-saving information through structured, accessible playbooks
This project is open-source and available under the MIT License.
Built with ❤️ for Disaster Resilience in India
LifeBridge AI — Connecting Citizens to Safety