KloudWatcher - Disaster Management System

A comprehensive disaster management system that helps track, respond to, and manage resources for various disasters.

Vercel Deployment: https://kloudwatcher.vercel.app/dashboard

Features

• Interactive map visualization using Python-based mapping
• Real-time disaster tracking and management
• Resource allocation and management
• Response coordination system
• Analytics and reporting

Prerequisites

• Node.js (v18 or higher)
• Python (v3.8 or higher)
• pip (Python package manager)

Setup

1. Clone the repository:

git clone https://github.com/Unknnownnn/KloudWatcher.git
cd kloudwatcher2

2. Install frontend dependencies:

npm install

3. Install backend dependencies:

cd backend
pip install -r requirements.txt
cd ..

Running the Application

1. Start the Python backend server:

cd backend
python -m uvicorn app.main:app --reload

2. In a new terminal, start the frontend development server:

npm run dev

3. Open your browser and navigate to http://localhost:3000

Architecture

• Frontend: Next.js with TypeScript and Tailwind CSS
• Backend: FastAPI (Python) with Folium for map generation
• Real-time updates using React state management
• Modern UI components using shadcn/ui

Screenshots

• DashBoard

• Disaster Overview

• Resource Management

• Calender

• Team Overview

Development

The application is structured as follows:

• /app - Next.js pages and routing.
• /components - React components.
• /backend - Python FastAPI server.
• /public - Static assets.
• /styles - Global styles and Tailwind configuration.

License

This project is licensed under the MIT License - see the LICENSE file for details.