Skip to content

GokulakrishnanSivalingam/dms-frontend

Repository files navigation

Crisiz – Real-Time Disaster Alerts & Response

🚨 When disaster strikes, every second matters. That's why we built Crisiz – a cutting-edge platform designed to keep you ahead of emergencies.


🖥️ Tech Stack Overview

Category Technology Badge
Frontend React React
Styling CSS CSS
Backend Node.js Node.js
Server Express.js Express.js
Database MongoDB MongoDB
Hosting Vercel Vercel
API Twilio API Twilio API

🌟 Key Features

Instant WhatsApp Emergency Alerts – Faster, more reliable communication.
Live Disaster Tracking & Heatmaps – Real-time insights for better decision-making.
AI-Powered Chatbot Assistance – Quick guidance and information at your fingertips.
Comprehensive Weather Forecasts – Stay ahead of storms, floods, and other crises.
User-Friendly Dashboard – Intuitive and easy-to-use interface for quick navigation.
Emergency Contact Directory – Connect instantly with local authorities and relief agencies.
Community Engagement Tools – Users can report incidents and request assistance in real-time.


📊 Tech Stack Distribution

Tech Stack Pie Chart

  • Frontend: React.js, Tailwind CSS
  • Backend: Node.js, Express.js
  • Database: MongoDB
  • APIs: OpenWeatherMap, Twilio WhatsApp API
  • Hosting: Vercel, Render

🔧 Installation & Setup

Prerequisites:

  • Node.js installed (version 14+ recommended)
  • MongoDB installed or use MongoDB Atlas
  • A Twilio account for WhatsApp API integration
  • A Vercel account for deployment (optional)

Steps:

  1. Clone the Repository:
    git clone https://github.com/GokulakrishnanSivalingam/dms-frontend.git
    cd dms-frontend
  2. Install Dependencies:
    npm install
  3. Set Up Environment Variables: Create a .env file in the root directory and add:
    MONGO_URI=your_mongodb_connection_string
    TWILIO_SID=your_twilio_sid
    TWILIO_AUTH_TOKEN=your_twilio_auth_token
    OPENWEATHER_API_KEY=your_openweather_api_key
    
  4. Start the Development Server:
    npm run dev
  5. Open the App in Your Browser: Visit http://localhost:3000 to explore Crisiz.

👨‍💻 Contributors

  • Sanjeev Kumar
  • Gokul Raj V

🎯 Our Mission

We aim to revolutionize crisis response with technology, ensuring communities get accurate, real-time information when they need it most.

🌍 Let's Build a Safer World

Every alert can save lives. Join us in making crisis response faster and more efficient.

📢 Check out the live project: www.crisiz.online

About

Hello,this is Disasater management project made with React.js and Nodemailer for mail handling

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •