Autonomous Drone for Crisis Management
When Seconds Matter, We Fly!!!
Created on 14th June 2025
•
Autonomous Drone for Crisis Management
When Seconds Matter, We Fly!!!
The problem Autonomous Drone for Crisis Management solves
🛠️ The Problem It Solves
During natural disasters, emergencies, or large-scale rescue operations, coordination between response teams is critical—but often fragmented and slow.
Traditional methods rely on:
Manual dispatching of teams and equipment
Delayed situational awareness
Limited real-time visibility of drone operations or field team status
Lack of a unified dashboard for command centers, drone pilots, and ground teams
These limitations lead to inefficient response times, increased risk to human life, and missed opportunities for early intervention.
✅ What This Project Enables
Our solution provides a real-time, web-based Tableau dashboard that integrates drone deployment tracking, rescue mission monitoring, and central dispatching to empower NDRF and other emergency response units with:
📍 Live location tracking of drone assets and rescue teams
🎥 Live video feed integration for rapid situational awareness
⚠️ Emergency alert triggering from field agents or sensors
📊 Operational stats including mission count, team availability, and area coverage
🚨 One-click dispatch commands to teams and pilots
🔁 Real-time updates without manual refresh or delay
🌍 Use Cases
Natural Disasters: Earthquakes, floods, landslides, forest fires
Urban Emergencies: Building collapses, industrial accidents
Search & Rescue: Missing persons, lost hikers, boat capsizing
Border or Conflict Zones: Surveillance and emergency coordination
💡 How It Helps
🚀 Faster Response: Rapid decision-making based on live data
🔒 Safer Missions: Reduced risk to ground teams with aerial scouting
🧠 Smarter Resource Use: Real-time insights for better team allocation
📈 Data-Driven Ops: Mission logs and stats for analysis and improvement
📡 Centralized Control: A single interface for dispatchers, pilots, and commanders
Challenges I ran into
🧩 Challenges I Ran Into
Building a real-time dispatch dashboard integrated with drone mission data came with several hurdles. Some key challenges and how we overcame them are detailed below:
- 🌀 Duplicate Imports Causing Module Errors
While building the Missions.jsx page, we ran into a critical error:
Error: The symbol "missions" has already been declared
🔍 Cause: The same variable (missions) was being both declared and imported in the same file.
✅ Solution: We split the logic cleanly—declared missions in missions.js (inside /data), and imported it only where needed. We also followed proper ES6 module boundaries to avoid namespace conflicts.
- 🔁 React Router Navigation Glitches
Initially, navigating between / (Home) and /stats pages sometimes didn’t re-render the components.
🔍 Cause: Pages were cached or not remounted properly due to improper routing setup.
✅ Solution: Refactored routes using React Router v6 with BrowserRouter, Routes, and Route components. Ensured each page used a unique key where dynamic routing was applied.
- 🎨 TailwindCSS Not Applying Styles
Some of our styles didn’t render, and Tailwind classes appeared to have no effect.
🔍 Cause: We forgot to import the main index.css file with Tailwind directives into main.jsx.
✅ Solution: Reconfigured Tailwind properly by adding the required directives:
@tailwind base;
@tailwind components;
@tailwind utilities;
And ensured index.css was correctly imported at the app root.
- 🧪 Live Data Mocking
Simulating real-time drone mission data and stats without an actual backend was tricky.
🔍 Challenge: Needed mock data that felt dynamic without building a full API.
✅ Solution: Created a missions.js and stats.js file in the /data folder with regular updates using useEffect and setInterval() to simulate data refreshes for the prototype.
- 🗺️ Page Layout Consistency
Keeping layout consistent across all pages was difficult due to repeated header/footer code.
✅ Solution: Created reusable Header and Footer components, and wrapped all pages inside a layout structure in App.jsx.
Each challenge made the project stronger, and helped us learn better practices in React development, modular file structure, and debugging component-based systems.
Tracks Applied (2)
Open Innovation
Best use of GitHub
GitHub