🚨 CollapseAlert: AI-Powered Disaster Prevention & Rescue Coordination Platform

CollapseAlert is a full-stack smart disaster management platform designed to improve emergency response, citizen safety, and rescue coordination during disasters such as building collapses, floods, fires, and structural emergencies.

The platform provides a centralized system where citizens can report emergencies, authorities can monitor incidents in real time, and rescue teams can coordinate actions efficiently. By combining AI assistance, live dashboards, Firebase cloud services, and real-time complaint management, CollapseAlert transforms fragmented emergency communication into a unified disaster response ecosystem.

---

🌍 Problem Statement

During disasters and structural emergencies, citizens often face:

• ❌ Delayed rescue coordination
• ❌ Lack of centralized emergency reporting
• ❌ Poor communication between citizens and authorities
• ❌ No real-time monitoring system
• ❌ Unorganized rescue management
• ❌ Lack of preventive complaint systems for unsafe buildings

This results in:

• Increased casualties
• Delayed emergency response
• Panic and misinformation
• Poor disaster preparedness

---

💡 Solution

CollapseAlert solves these issues using:

• 🏢 Building Safety Complaint System
• 🚨 Real-Time Emergency Reporting
• 🧠 AI-Powered Chat Assistant
• 📊 Live Control Center Dashboard
• 🗺️ Interactive Disaster Monitoring Map
• 👥 Citizen & Admin Management System
• 🔥 Prevention + Rescue Coordination Workflow
• ☁️ Firebase Real-Time Cloud Infrastructure

---

🏗️ System Architecture

🔷 High-Level Flow

Citizen Complaint / SOS Alert ↓ Firebase Real-Time Database ↓ Admin Control Center Dashboard ↓ Emergency Monitoring & Verification ↓ AI Assistance + Activity Tracking ↓ Rescue Coordination & Citizen Updates

---

👥 User Roles

👤 Citizen Panel

Features available for citizens:

• Emergency reporting
• Unsafe building complaint registration
• AI emergency assistant
• Live emergency updates
• Emergency contact access
• User profile management

---

🛡️ Admin / Control Center

Features available for authorities:

• Monitor live incidents
• Manage complaints
• Track rescue activities
• View emergency statistics
• Coordinate disaster response
• Analyze citizen reports

---

🤖 AI Integration

CollapseAlert includes an AI-powered assistant system using Groq API integration.

Features

• 🧠 Disaster guidance assistance
• 💬 Real-time emergency interaction
• ⚡ Fast AI response system
• 📌 Context-based help and support
• 🌍 Future-ready multilingual support

---

📱 Core Features

🚨 Emergency Reporting System

Citizens can instantly report:

• Building collapses
• Fire incidents
• Flood situations
• Structural hazards
• Emergency SOS requests

---

🏢 Building Registration & Complaint System

Users can:

• Register unsafe buildings
• Submit structural complaints
• Upload emergency details
• Help authorities identify danger zones

---

📊 Live Dashboard

Real-time monitoring dashboard showing:

• Active complaints
• Rescue activities
• Emergency statistics
• Incident tracking

---

🗺️ Disaster Monitoring Map

Interactive map system for:

• Emergency location tracking
• Incident visualization
• Rescue coordination

---

📞 Emergency Contacts

Quick access to:

• Ambulance services
• Fire brigade
• Police
• Disaster management authorities

---

⚙️ Tech Stack

Frontend

• React
• TypeScript
• Vite
• CSS

Backend & Cloud

• Firebase Authentication
• Firebase Firestore
• Firebase Hosting

AI Integration

• Groq API

Development Tools

• ESLint
• npm
• Git & GitHub

---

📂 Project Structure

CollapseAlert/
│
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   │   ├── ActivityFeed.tsx
│   │   ├── BuildingRegister.tsx
│   │   ├── ChatAssistant.tsx
│   │   ├── ComplaintSection.tsx
│   │   ├── ControlCenterDashboard.tsx
│   │   ├── Dashboard.tsx
│   │   ├── EmergencyContacts.tsx
│   │   ├── Login.tsx
│   │   ├── Map.tsx
│   │   ├── Profile.tsx
│   │   ├── Signup.tsx
│   │   └── StatsBanner.tsx
│   │
│   ├── services/
│   │   ├── authService.ts
│   │   ├── dataService.ts
│   │   ├── groqService.ts
│   │   └── userService.ts
│   │
│   ├── lib/
│   │   └── firebase.ts
│   │
│   ├── App.tsx
│   └── main.tsx
│
├── package.json
└── vite.config.ts

---

🔥 Completed Features

Frontend

✅ Responsive UI ✅ Citizen Dashboard ✅ Admin Control Center ✅ AI Chat Assistant ✅ Emergency Complaint System ✅ Interactive Map ✅ Login & Signup Authentication

---

Firebase Integration

✅ Authentication ✅ Firestore Database ✅ Real-Time Data Management

---

AI Features

✅ Groq AI Integration ✅ Emergency Assistance Chat

---

🚧 Future Scope

Feature	Priority
📡 Real-time SOS Alerts	High
📱 Mobile Application	High
🌍 Multilingual Support	Medium
🛰️ AI-based Disaster Prediction	Medium
🚁 Rescue Team Live Tracking	Medium
🔔 Push Notifications	Medium
☁️ Cloud Deployment	High
📊 Advanced Analytics Dashboard	Low

---

📚 Academic Relevance

Subjects Connected

Software Engineering

• Modular architecture
• SDLC implementation
• Component-based design

Project Management

• Task planning
• Workflow management
• System coordination

Design Thinking

• Human-centered disaster solution
• Citizen-focused interface

Database Management System

• Firebase Firestore integration
• Real-time cloud database

Agentic AI

• AI assistant integration
• Smart emergency support

---

🌍 SDG Alignment

SDG	Goal	Implementation
SDG 11	Sustainable Cities & Communities	Disaster preparedness and urban safety
SDG 13	Climate Action	Emergency response system
SDG 9	Industry, Innovation & Infrastructure	Smart disaster-tech platform

---

🚀 Key Innovations

• 🚨 Centralized emergency reporting platform
• 🧠 AI-powered disaster assistance
• 🏢 Prevention + rescue combined workflow
• 📊 Real-time disaster monitoring dashboard
• ☁️ Cloud-based architecture
• 🗺️ Interactive emergency mapping system
• 👥 Citizen-government communication bridge

---

🧪 How to Run Locally

1️⃣ Clone Repository

git clone https://github.com/your-username/collapsealert.git
cd collapsealert

---

2️⃣ Install Dependencies

npm install

---

3️⃣ Configure Firebase

Create a Firebase configuration file inside:

src/lib/firebase.ts

Add your Firebase credentials.

---

4️⃣ Start Development Server

npm run dev

Application runs at:

http://localhost:5173

---

🔐 Security

✅ Firebase Authentication ✅ Secure Cloud Firestore ✅ Environment Variable Configuration ✅ Protected Admin Access

---

👨‍💻 Author

Divya Sharma B.E. Computer Engineering IDEA Lab Project

---

⭐ Support

If you like this project, give it a ⭐ on GitHub and support smart disaster-tech innovation.