Community Resource Finder

Inspiration

Last winter, we read about a family in our city who had to spend two nights in the cold because they didn’t know an emergency shelter just 3 blocks away was open.
Another time, a student we knew skipped meals for days — all while a free food pantry operated right beside her campus.

It broke our hearts.

The truth is: help exists, but people don’t know where to find it.
Information about food banks, shelters, and health clinics is scattered across PDFs, outdated websites, or flyers pinned to noticeboards.

Our inspiration was simple: What if all these life-saving resources lived on a single map?
A map so easy that even in a moment of crisis, you could find hope in seconds.


What it does

Community Resource Finder is a web app that connects people with critical resources nearby:

  • 🍽️ Free meals & food banks
  • 🏠 Emergency shelters
  • 🏥 Health clinics & counseling centers
  • 🩸 Blood donation centers

It’s simple, fast, and clear:

  1. Search by city or location.
  2. Explore a map of hope with color-coded markers.
  3. View essential info (hours, contact, eligibility).
  4. Contribute resources to grow the network.

It’s not just a tool.
It’s a bridge between people in need and the communities that care.


How we built it

  • Frontend: React + TypeScript + shadcn/ui for an accessible and modern design.
  • Maps & Search: OpenStreetMap & LocationIQ for global coverage.
  • Database: Supabase for real-time storage, with localStorage fallback.
  • User Experience: Mobile-first, minimal clutter, maximum clarity.
  • Deployment: Netlify for instant, reliable hosting.

Challenges we ran into

  • Creating a global-first app without relying on preloaded datasets.
  • Ensuring the UI is usable in distress — simple enough for someone panicked, cold, or hungry.
  • Keeping data accurate when resources frequently open/close.
  • Balancing hackathon speed with designing for real-world impact.

Accomplishments that we're proud of

  • A working global community aid locator built in days.
  • An app that works online & offline, ensuring reliability.
  • Clean UI that feels welcoming, not overwhelming.
  • Most importantly: we’ve built something that could actually save lives.

What we learned

  • Technology is powerful, but empathy drives design.
  • Even small design choices (colors, icons, simplicity) can mean the difference between someone finding food or giving up.
  • Hands-on experience with maps, geocoding, Supabase, and SSR React apps.
  • Hackathons aren’t just about code — they’re about human impact.

What's next for Community Resource Finder

  • Partner with NGOs & governments for real datasets.
  • Build a PWA for offline-first use in rural and disaster-hit areas.
  • Enable community-driven verification of resource info.
  • Add multilingual support for inclusivity.
  • Emergency mode: instantly highlight 24/7 open services.

At its heart, Community Resource Finder is about restoring dignity.
Because no one should be left hungry, cold, or helpless just because they didn’t know help was nearby.

Built With

Share this project:

Updates