SAVIOUR

AI-assisted disaster management platform with role-based dashboards, SOS reporting, weather integration and interactive maps.

Next.jsReactTypeScriptTailwind CSSFirebase AuthFirestoreWebSocketTensorFlowLeafletWeatherAPIOpenWeatherMapFramer Motionshadcn/ui
Project Overview

SAVIOUR is a web platform designed to streamline emergency response and disaster preparedness. It enables users to report SOS situations with location details and image attachments, receive real-time notifications during critical events, and access interactive map visualizations. The platform also integrates dual-source weather forecasts and detailed safety guides to help communities prepare for and respond to emergencies.

Key Features
  • SOS Emergency System: Broadcast emergencies with GPS location and image attachments.
  • Real-time Alerts: WebSocket integration to propagate urgent warnings and updates to active users.
  • Interactive Maps: Leaflet map integration to visualize active SOS requests with color-coded markers.
  • Admin Command Center: Role-based dashboard for emergency responders to coordinate operations.
  • Dual Weather API System: Forecast integration combining data from multiple services with fallback.
  • Resource Sharing Marketplace: Interface for local communities to coordinate supplies and shelter.
  • Safety Guides: Interactive guides covering safety procedures for various disaster scenarios.
Challenges Solved

Implemented an offline-first data caching strategy to handle intermittent network connectivity in simulated disaster zones. Optimized coordinate plotting on interactive Leaflet maps by utilizing coordinates clustering, which prevented layout stutter during high marker densities.

Technologies Used
Next.js
React
TypeScript
Tailwind CSS
Firebase Auth
Firestore
WebSocket
TensorFlow
Leaflet
WeatherAPI
OpenWeatherMap
Framer Motion
shadcn/ui