Skip to content

CrisisConnect – A full-stack Disaster Management PWA built with React.js, Redux, TailwindCSS (frontend) and Spring Boot, PostgreSQL (backend). Features include SOS requests, disaster zone monitoring, real-time safety tips, authentication with 2FA, OTP verification, and admin dashboards for crisis response.

Notifications You must be signed in to change notification settings

Devansh-ds/CrisisConnect

Repository files navigation

🚨 CrisisConnect

A disaster relief management platform for real-time crisis response, zone monitoring, and citizen SOS requests.

CrisisConnect Banner


📖 Overview

CrisisConnect is a full-stack disaster management system built to connect citizens, NGOs, and government authorities during emergencies. It enables real-time SOS reporting, zone-based monitoring, and safety tips management, with admin capabilities for managing disaster zones and resources.


⚙️ Tech Stack

  • Frontend: React.js, Redux, TailwindCSS, Leaflet.js (for maps)
  • Backend: Spring Boot, Spring Security, PostgreSQL
  • Auth Features: JWT, OTP verification, Two-Factor Authentication, Reset Password
  • Other Tools: Docker (for containerized deployment)

✨ Features

👥 Users

  • Register/Login with secure authentication
  • Enable 2FA and OTP verification
  • Submit SOS requests with geolocation + disaster type
  • View safety tips for disaster awareness
  • Personal profile with editable details (name, phone, address)
  • Track personal SOS history

🛠️ Admins

  • Create, edit, and delete disaster zones
  • Manage SOS requests (update statuses)
  • Add and delete safety tips for different disaster types
  • Monitor real-time SOS requests on the map

📸 Screenshots

Dashboard & Analytics

Dashboard Analytics and quick actions Dashboard map

Disaster Zones Management

Disaster Zone page Add/Edit disaster Zone

Detailed Disaster Zone

Safety Tips of specific zone

SOS Requests

Sos page All sos requests (or by filtering) SOS Analytics Sos By disaster types Create Sos

Profile Page

Profile page Update personal details

🚀 Local Setup

Prerequisites

  • Node.js (v18+)
  • Java 17+
  • PostgreSQL (running locally or via Docker)

Frontend Setup

cd Frontend
npm install
npm run dev

Backend Setup

cd Backend
./mvnw spring-boot:run

Database

Create a PostgreSQL database and update your application.yml with credentials:

spring:
  datasource:
    url: jdbc:postgresql://localhost:5432/crisisconnect
    username: postgres
    password: password

Also set your email and its google password for the two-factor authentication endpoints.

🔐 Authentication Features

  • JWT authentication
  • Reset password flow
  • OTP verification for sensitive actions
  • Two-factor authentication support

📌 Roadmap

  • Push notifications for new SOS requests
  • Offline-first PWA support
  • Role-based dashboards (Citizen vs NGO vs Admin)

🤝 Contribution

Contributions are welcome! Please open an issue or PR for improvements.


About

CrisisConnect – A full-stack Disaster Management PWA built with React.js, Redux, TailwindCSS (frontend) and Spring Boot, PostgreSQL (backend). Features include SOS requests, disaster zone monitoring, real-time safety tips, authentication with 2FA, OTP verification, and admin dashboards for crisis response.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages