This is the Home Page
This is the User Interactive Map Page
This is the Report Page
This is the Resources Page
This is the Admin Verification Panel where you can see all the people posting the reports

HaitiAlertNet

Inspiration

Haiti is one of the most disaster-vulnerable countries in the world.
We noticed the lack of centralized platforms for reporting, verifying, and responding to crises in real-time.
So, we set out to build something that connects people, responders, and resources — fast and reliably.

What it Does

HaitiAlertNet is a disaster response web app that enables users to:

Report emergencies
View a live disaster map
Access relief resources

Additional features include:

Admin verification of incoming reports
AI-generated safety tips for users
Accessibility options like customizable font size, language, and contrast

How We Built It

Frontend: React + TypeScript for modular structure and type safety
Styling: Tailwind CSS for fast, responsive, and accessible UI design
Map Integration: Leaflet.js for an interactive disaster map to visualize and report emergencies in real time
No backend; purely frontend using native browser features and CDN ES modules

Challenges We Ran Into

Building a full app without a backend was challenging
Managing state manually across components
Integrating ES modules via CDN (instead of bundlers like Webpack or Vite)
Balancing performance, accessibility, and mobile responsiveness

Accomplishments That We're Proud Of

Developed a complete disaster reporting prototype with no backend
Successfully integrated AI-generated content and real-time maps
Designed a platform that is inclusive, accessible, and usable in low-resource environments

What We Learned

How to build complex frontend-only apps
Deep understanding of accessibility and internationalization (i18n)
Experience with context-based routing and state management without external libraries
How to combine AI, design, and development to solve real-world issues

What's Next for HaitiAlertNet

Add SMS and USSD support for regions with limited internet
Implement offline-first support using Progressive Web App (PWA) features
Collaborate with NGOs and local governments for real-world deployment