SudanFoodConnect

Add location
View Location and it's Details
Search Location and view it's Details

Inspiration

Food insecurity is a severe issue in Sudan, worsened by economic instability and conflict. While many communities and individuals are willing to help, there’s no simple way to connect donors with distribution points. We wanted to build a map-based platform where anyone can easily find verified food drop-off locations near them and contribute directly.

What it does

SudanFoodConnect is a web app that: 1) Displays a map of food drop-off points (community kitchens, NGOs, volunteers) 2) Lets users view detailed info about each location (capacity, address, contact) 3) Allows anyone to submit a new drop-off location via a form 4) Stores location data in Firebase Firestore

How we built it

1) Frontend: HTML, CSS (Tailwind), JavaScript 2) Map Integration: Leaflet.js with OpenStreetMap 3)Database: Firebase Firestore for storing drop-off locations 4) Hosting: Firebase Hosting for live deployment

Challenges we ran into

1) Understanding and integrating Leaflet.js with Firebase (marker mapping from dynamic data) 2) Managing map markers on form submission 3) Learning Firebase rules to secure user-submitted data 4) Keeping the design both visually simple and fully functional 5) Making the app accessible in low-bandwidth areas (lightweight structure, minimal dependencie

Accomplishments that we're proud of

1) A fully working map-based food delivery system with real-time updates 2) Firebase integration for fast and secure data storage

What we learned

1) How to integrate Firebase Firestore into frontend-only projects 2) Using Leaflet.js to build dynamic, location-aware apps 3) Planning UI/UX for a humanitarian-use case

What's next for SudanFoodConnect

1) Add Arabic language support and RTL layout 2) Enable user authentication for trusted NGOs to moderate locations 3) Add ratings/comments to help verify active/inactive drop-off points