This is a submission for the DEV Weekend Challenge: Community
The Community
Mutual aid organizers, local volunteers, and neighbors working together to fight food insecurity. Many cities rely on "Community Fridges" or "Free Little Pantries" to provide barrier-free access to food.
However, there is a massive coordination problem. Donors often drop off perishable food at fridges that are already full, leading to waste. Conversely, people in need often walk miles to a location only to find it completely empty. The community needs a way to broadcast the real-time status of these resources.
What I Built
I built PantryPulse, a mobile-first web app that acts as a real-time health monitor for local mutual aid pantries.
Anyone walking past a community fridge can simply open the app and tap "Empty," "Low," or "Stocked." This crowdsourced data instantly updates the dashboard, allowing donors to route their groceries to the locations that need them most urgently, and saving those in need from wasted trips.
Demo
🔗 Live Prototype: https://07MADARA.github.io/pantry-pulse/
antry-pulse/
(Try clicking the status update buttons to see the dashboard metrics shift in real-time!)
Code
How I Built It
- Frontend: Designed with a mobile-first approach using pure HTML and Tailwind CSS. I focused heavily on accessibility and clear visual indicators (color-coded statuses and iconography) so the app can be read at a glance while walking outside.
- Logic: I used Vanilla JavaScript to handle the real-time DOM manipulation.
-
Data State: To ensure this MVP was instantly usable and verifiable by judges without standing up a backend database, I implemented browser
localStorage. This allows the status updates to persist, proving the core functionality of the crowdsourcing concept.
Top comments (0)