A real-time disaster monitoring and emergency response application featuring ML-powered predictions, interactive evacuation maps, and live weather alerts.
Beautiful animated landing page with live risk status and quick navigation
Real-time monitoring with animated widgets, 7-day forecast, and live alerts
Advanced machine learning analysis with real-time hazard predictions
Interactive map with real shelter locations and route planning
| Feature | Description |
|---|---|
| 🌡️ Live Weather | OpenWeatherMap & Open-Meteo APIs with 30-min caching |
| 📅 7-Day Forecast | Accurate predictions with risk scoring |
| 🌬️ Air Quality | Real-time AQI monitoring and health alerts |
| Earthquakes, floods, storms, wildfires |
| Feature | Description |
|---|---|
| 🛤️ Evacuation Routes | OpenStreetMap with Leaflet integration |
| 🏥 Real Shelters | Live data from Overpass API |
| 📍 Auto Location | Geolocation with fallback |
| 📏 Route Planning | Distance to 3 nearest shelters |
| Feature | Description |
|---|---|
| 📊 Risk Scoring | Multi-factor disaster risk assessment |
| 🧠 Ensemble Models | Multiple ML models for accuracy |
| 🔮 Predictive Alerts | Early warning system |
| 📈 Trend Analysis | Historical pattern recognition |
Node.js 18+
Python 3.10+
npm or yarn# Clone the repository
git clone https://github.com/ayushap18/congenial-waddle.git
cd Alert-AID
# Install frontend dependencies
npm install
# Install backend dependencies
cd backend
python3 -m venv venv
source venv/bin/activate # Windows: venv\Scripts\activate
pip install -r requirements.txt# Terminal 1: Start backend (port 8000)
cd backend && source venv/bin/activate
python -m uvicorn simple_backend:app --host 0.0.0.0 --port 8000
# Terminal 2: Start frontend (port 3000)
npm start🌐 Open http://localhost:3000
Alert-AID/
├── 📁 src/ # React Frontend
│ ├── 📁 components/ # UI Components
│ │ ├── Dashboard/ # Main dashboard widgets
│ │ ├── Map/ # Leaflet evacuation maps
│ │ ├── Emergency/ # Emergency response
│ │ └── Safety/ # Safety modules
│ ├── 📁 services/ # API services
│ ├── 📁 hooks/ # Custom hooks
│ ├── 📁 contexts/ # React contexts
│ ├── 📁 pages/ # Page components
│ └── 📁 styles/ # Global styles
│
├── 📁 backend/ # FastAPI Backend
│ ├── 📁 routes/ # API endpoints
│ ├── 📁 ml/ # ML models
│ └── 📁 models/ # Trained models
│
├── 📁 public/ # Static assets
├── 📁 build/ # Production build
└── 📄 package.json
|
|
| Service | Purpose | Rate Limit |
|---|---|---|
| 🌤️ OpenWeatherMap | Weather data | 1000/day |
| 🌡️ Open-Meteo | Weather backup | Unlimited |
| 🗺️ OpenStreetMap | Map tiles | Unlimited |
| 🏥 Overpass API | Shelter locations | Unlimited |
| 🌍 USGS | Earthquake data | Unlimited |
| 🛰️ NASA EONET | Natural events | Unlimited |
REACT_APP_API_URL=http://localhost:8000
REACT_APP_OPENWEATHER_API_KEY=your_api_key_herenpm run build
vercel deployPre-configured with render.yaml
docker build -t alert-aid .
docker run -p 3000:3000 alert-aidThe app features cinematic animations throughout:
- 🌀 Fade In Up - Page elements entrance
- ✨ Pulse Glow - Active alerts & buttons
- 🎭 Scale In - Cards and popups
- 💫 Float - Icons and indicators
- 🌈 Shimmer - Loading states
- 🎪 Bounce In - Notifications
| Device | Breakpoint |
|---|---|
| 📱 Mobile | < 768px |
| 📱 Tablet | 768px - 1024px |
| 💻 Desktop | > 1024px |
- 🍴 Fork the repository
- 🌿 Create feature branch:
git checkout -b feature/amazing - 💾 Commit changes:
git commit -m 'Add amazing feature' - 📤 Push to branch:
git push origin feature/amazing - 🔀 Open a Pull Request
MIT License - see LICENSE file.
|
Ayush @ayushap18 |
