🚁 Vihangam - Drone Disaster Management System

Advanced AI-Powered Disaster Response Platform

Low-altitude navigation, real-time detection, and intelligent pathfinding for emergency response operations

---

🌟 Features

• 🎯 Real-time AI Object Detection - YOLO-based disaster detection with confidence scoring
• 🧠 A Pathfinding Algorithm* - Low-altitude navigation with dynamic obstacle avoidance
• 📊 Interactive Dashboard - Comprehensive mission control and analytics
• 🗺️ Terrain-Aware Navigation - Elevation mapping and clearance monitoring
• ⚡ Real-time Updates - WebSocket-powered live data streaming
• 📱 Responsive Design - Dark theme with glassmorphism UI

---

🛠️ Tech Stack

Backend Framework

• Django 5.2.6 - High-level Python web framework
• Django Channels - WebSocket support for real-time communication
• Python 3.x - Core programming language

Frontend Technologies

• HTML5 - Semantic markup and structure
• CSS3 - Advanced styling with glassmorphism effects
• JavaScript ES6+ - Interactive functionality and A* algorithm implementation
• Bootstrap 5.3 - Responsive grid system and components

UI/UX Libraries

• Font Awesome 6.0 - Comprehensive icon library
• Leaflet 1.9.4 - Interactive mapping and geolocation
• Chart.js 4.4 - Data visualization and analytics charts

AI & Computer Vision

• YOLOv8 - Real-time object detection for disaster identification
• Pillow (PIL) - Image processing and manipulation
• Custom A Implementation* - Pathfinding algorithm for low-altitude navigation

Database & Storage

• SQLite - Lightweight database for development
• Django ORM - Object-relational mapping

Development Tools

• Git - Version control system
• pip - Package management
• Virtual Environment - Isolated Python environment

---

📁 Project Architecture

vihangam_disaster_dashboard/
├── 🎮 apps/
│   ├── 📊 dashboard/          # Mission control and analytics
│   ├── 🎯 detection/          # AI object detection system
│   └── 🧠 pathfinding/        # A* navigation algorithms
├── 🎨 static/
│   ├── css/                   # Custom stylesheets
│   ├── js/                    # JavaScript modules
│   └── images/                # Assets and logos
├── 📄 templates/              # HTML templates
├── 🌐 disaster_dashboard/     # Django project settings
└── 🔧 manage.py              # Django management script

---

🚀 Quick Start Guide

Prerequisites

• Python 3.8+
• pip package manager
• Virtual environment support

1. Environment Setup

# Clone the repository
git clone <repository-url>
cd disaster_dashboard

# Activate virtual environment
source venv/bin/activate  # macOS/Linux
# or
venv\Scripts\activate     # Windows

2. Install Dependencies

pip install -r requirements.txt

3. Database Migration

python manage.py migrate

4. Collect Static Files

python manage.py collectstatic --noinput

5. Run Development Server

python manage.py runserver

6. Access the Application

• Main Dashboard: http://127.0.0.1:8000/
• AI Detection: http://127.0.0.1:8000/detection/
• A Pathfinding*: http://127.0.0.1:8000/pathfinding/
• Admin Panel: http://127.0.0.1:8000/admin/
  • Username: admin
  • Password: admin123

---

🎮 Application Modules

📊 Dashboard Module

• Real-time mission monitoring
• Drone status tracking
• Weather and environmental data
• Mission statistics and analytics

🎯 Detection Module

• YOLO-based object detection
• Confidence threshold adjustment
• Real-time bounding box visualization
• Detection history and analytics
• Export functionality

🧠 Pathfinding Module

• A algorithm implementation*
• Low-altitude navigation (10-100m)
• Dynamic obstacle avoidance
• Terrain awareness system
• Real-time path recalculation

---

🔧 Development

Adding New Features

1. Create new Django app: python manage.py startapp feature_name
2. Add to INSTALLED_APPS in settings.py
3. Create templates in templates/feature_name/
4. Add CSS in static/css/feature_name.css
5. Run migrations: python manage.py makemigrations && python manage.py migrate

CSS Architecture

• base.css - Global styles and dark theme
• dashboard.css - Dashboard-specific styling
• detection.css - Detection module styling
• pathfinding.css - A* pathfinding styling

JavaScript Modules

• A* pathfinding algorithm implementation
• Real-time data updates
• Interactive UI components
• Chart.js integrations

---

📊 Performance Features

• ⚡ Real-time Updates: WebSocket-powered live data
• 🎨 Glassmorphism UI: Modern dark theme with blur effects
• 📱 Responsive Design: Mobile-first approach
• 🚀 Optimized Assets: Minified CSS/JS and image optimization
• 🧠 Efficient Algorithms: Optimized A* pathfinding implementation