A real-time, "Last-Mile" resource exchange for local communities during crises.
Jacqueline
Check out my GitHub Profile
| Browser / Device | Status | Performance Notes |
|---|---|---|
| Google Chrome | ✅ Compatible | Full support for Chrome and Chromium-based rendering. Optimized for Firebase sync. |
| Microsoft Edge | ✅ Compatible | Full support for Edge (Chromium) rendering. Optimized for Mapbox GL performance. |
| Safari | ✅ Compatible | Full support for Safari and WebKit rendering. Optimized for SVG marker pulsing. |
| Firefox | ✅ Supported | Full support. Verified for interactive post cards and coordinate mapping. |
| iPad & Tablets | ✅ Supported | Full support. Verified for interactive post cards and coordinate mapping. |
| iPhone (iOS) | Landscape Orientation only. Must be viewed at 50% zoom-out for UI scaling. |
ReliefMesh is currently optimized for desktop-first interactions. For the best experience on iPhone:
- Rotate your device to Landscape Mode.
- Set your browser zoom to 50% (via the
AAmenu in Safari or Browser Settings in Chrome).
During disasters, official dashboards focus on infrastructure (power grids, roads). Individual human needs—"I need insulin," "I have a generator to share"—are often lost in the noise.
A "Tinder-style" matching system for crisis relief. Users can swipe through nearby resource offers or requests within a 5-mile radius, even when traditional networks are strained.
- Frontend: Vite + Vanilla JS (or React)
- Maps: Mapbox GL JS (3D Terrain & Heatmaps)
- Database: Firebase Realtime Database (Instant Sync)
- Auth: Firebase Auth (Secure User Profiles)
- Styling: Tailwind CSS (Mobile-First Design)
- Live SOS Map: Pulse markers for urgent medical, food needs, utility and shelter.
- Resource Cards: "Claim" or "Offer" to help a neighbor.
- Geocoding (turning an address into a pin)
- Spatial Mapping (showing icons based on coordinates).
- Offline-First: Basic UI caching for low-connectivity environments.
- Peer-to-Peer (P2P): FEMA is "Top-Down" (Government to Citizen). My app is "Side-to-Side" (Neighbor to Neighbor). In a real disaster, neighbors usually help each other hours or days before a FEMA truck arrives.
- The "Mother Earth" Visual: By using the 3D Globe, I make it easy for a global org like Johns Hopkins to see "Hotspots" of needs across an entire continent at a glance.
- Speed (Firebase): My app updates in milliseconds. Most government tools are slow, require logins, and have massive forms to fill out. How they would use it:
- FEMA: They could use your data to see where the "pockets of need" are to decide where to send their supply trucks.
- Johns Hopkins: They could use the Medical (Red) markers to track the spread of a health crisis or where oxygen/insulin is running low in real-time.
