Inspiration

The inspiration for DISASTER CONNECT didn’t come from a single, dramatic moment—it was a gradual awakening to a critical gap in how we respond to global crises. Living in Thiruvananthapuram, Kerala, we’ve witnessed firsthand the devastating impact of natural disasters like the 2018 Kerala floods and recent cyclonic storms. These events exposed how quickly communication can break down, leaving people isolated and desperate for help. What truly moved us was the personal stories—accounts of people trapped in remote areas with no way to call for help, families separated and unable to confirm each other’s safety, and communities in conflict zones plunged into silence when infrastructure is deliberately targeted. It became clear that, despite the scale of relief efforts, the initial hours after a disaster are often marked by confusion and darkness, when reliable information and connection are most needed. Additionally, we realized that DISASTER CONNECT could play a crucial role for travelers. When you are traveling to a location, the app makes it easy to stay informed about news and ongoing incidents specific to that area, helping you make safer decisions and avoid potential risks. This real-time, location-based awareness empowers both residents and visitors to stay safe and connected, no matter where they are.

What it does

DISASTER CONNECT is a resilient communication platform designed for crisis situations where traditional networks often fail. It enables individuals in disaster-affected or conflict zones to:

  • Send distress signals and status updates with minimal data, even on weak or intermittent connections.
  • Map real-time needs and incidents using crowdsourced reports, providing aid agencies and volunteers with actionable, up-to-date information.
  • Facilitate family reunification and community coordination, helping people locate loved ones and share vital information.
  • Empower self-help initiatives by allowing communities to organize and support each other, even amidst chaos.

How we built it

DISASTER CONNECT was built using Bolt, a modern web development framework that emphasizes speed, reliability, and offline capabilities—exactly what’s needed in disaster scenarios. The app was designed to:

  • Cut through the silence: It uses lightweight protocols and fallback mechanisms to work even with very weak or intermittent signals.
  • Empower individuals: Users can send distress signals or status updates with minimal data, ensuring their voices are heard even when networks are down.
  • Create real-time clarity: Incoming reports are aggregated into a dynamic, actionable map for aid agencies and volunteers.
  • Bridge the human gap: The platform supports family reunification, community updates, and self-help coordination.

Challenges we ran into

Building DISASTER CONNECT was not without its hurdles:

  • Connectivity Constraints: Simulating and designing for low-bandwidth or intermittent connectivity was a major challenge. We had to optimize every byte and ensure the app could gracefully degrade its features.
  • Data Security & Privacy: Ensuring that sensitive information (like user locations or distress messages) was protected, even in chaotic environments, required careful encryption and privacy-by-design principles.
  • User Experience in Crisis: Designing an interface that is intuitive and calming, even under stress, took extensive user testing and iteration.
  • Integration with Relief Agencies: Making sure the data provided was actionable and could be easily integrated into existing workflows for NGOs and government responders.
  • Scalability: The system needed to handle sudden spikes in usage during large-scale disasters without failing. You can try the app here: DisasterConnect

Accomplishments that we're proud of

  • Evacuation Route Mapping: DISASTER CONNECT enables users to connect to and view up-to-date evacuation routes through interactive maps, ensuring access to critical guidance even when offline. While users cannot directly download routes, the platform provides real-time mapping and route information, helping people navigate to safety during disasters—even when connectivity is limited.
  • Guides for Crisis Response: The platform provides downloadable guides and resources tailored to various disaster scenarios, empowering users with actionable knowledge to make informed decisions during emergencies.
  • Dynamic Backend: A robust, scalable backend processes real-time reports and supports rapid updates, ensuring the system remains reliable and responsive during peak crisis moments.
  • 2D and 3D Globe Visualization: DISASTER CONNECT integrates interactive 2D and 3D globe features, allowing responders and users to visualize incidents, safe zones, and resource locations in a clear, intuitive manner.
  • Real-Time Mapping: The platform aggregates and visualizes live reports from affected areas, helping responders prioritize aid, plan evacuation, and allocate resources efficiently.
  • User-Centric Design: DISASTER CONNECT’s interface is designed for simplicity and ease of use, ensuring that users can quickly access critical features, even under stress or in high-pressure situations.
  • Privacy & Security: Strong privacy measures—including secure authentication and encrypted communications—are built in to protect users’ sensitive data, such as locations and distress messages, even in vulnerable situations.
  • Community Feedback: Valuable input from first responders and local communities has helped refine DISASTER CONNECT’s features, ensuring real-world effectiveness and continuous improvement.

What we learned

  • Empathy in Design: Building for crisis situations requires deep empathy—every feature must be accessible, reliable, and calming under stress.
  • Technical Resilience: Optimizing for low bandwidth and intermittent connectivity is challenging but crucial for real-world impact.
  • Collaboration is Key: Effective disaster response depends on seamless collaboration between individuals, communities, and aid organizations.
  • Continuous Iteration: User feedback is invaluable; real-world testing revealed insights that shaped the final product.

What's next for DISASTER CONNECT

  • Integration with Emergency Services: Working to integrate DISASTER CONNECT directly with local and national emergency response systems.
  • Multilingual Support: Expanding language options to serve more diverse populations in crisis zones.
  • Satellite Connectivity: Exploring partnerships to enable communication via satellite in areas with no cellular coverage.
  • AI-Powered Insights: Implementing AI to analyze incoming data, predict needs, and optimize resource allocation.
  • Scalability: Preparing the platform to handle larger-scale disasters and support millions of users.
  • Community Training: Launching outreach programs to train local communities and volunteers in using DISASTER CONNECT effectively.

Built With

  • autoprefixer
  • browser-geolocation-api
  • clsx
  • css
  • date-fns
  • eslint
  • framer-motion
  • html
  • html2canvas
  • indexeddb
  • javascript
  • jspdf
  • leaflet.js
  • lucide-react
  • newsdata.io-api
  • opencagegeocodingapi
  • postcss
  • push-api
  • pwa
  • react
  • react-hook-form
  • react-hot-toast
  • react-leaflet
  • react-router-dom
  • react-three/drei
  • react-three/fiber
  • sql
  • supabase
  • tailwind-css
  • three.js
  • typescript
  • vite
  • web-application
  • web-share-api
  • web-speech-api
Share this project:

Updates