Web App
Emergency Response
Maps

Crisis Compass

Full-stack React web app connecting disaster victims with 100+ critical local resources using location-based filtering.

Crisis Compass

Inspiration After witnessing recent wildfires in Los Angeles affecting friends and family, we wanted a tool that simplifies finding nearby resources during crisis. What it does CrisisCompass connects victims with vital resources via an interactive map to locate hospitals, shelters, and food banks by current location. It includes Live Chat for community support and a resource page aggregating important links. How we built it React front‑end for pages, filters, and chat UI. Google Maps + React Google Maps Library for map, autocomplete, and search. Supabase stores and filters chat messages by city for real‑time communication. Deployed on AWS Amplify. Challenges First hackathon; organizing roles and integrating skills; limited docs for React Google Maps; adapting codebase to React. Accomplishments Delivered and deployed from scratch under time; strong communication and management; exceeded expectations. What we learned End‑to‑end software development under pressure; planning/roadmapping; team communication; adopting new tech (AWS). What’s next Add a danger‑zone API with live notifications, evacuation routes, and highlighted zones; ship a mobile app with the same functionality.

Project Details

Technologies

React
Node.js
MongoDB
MapBox

Additional Previews

Crisis Compass preview 1
Crisis Compass preview 2