Pranav-Khatade/SudanFoodConnect

🌍 SudanFoodConnect A community-driven web app that maps food donation drop-off locations across Sudan. # 🌍 SudanFoodConnect **A community-driven web app to map and share food donation drop-off locations across Sudan.** Built using **Leaflet.js**, **Firebase**, and **Tailwind CSS** for the CodeForSudan Challenge. --- ## 🔎 Overview **SudanFoodConnect** empowers communities by allowing users to easily find and contribute food donation locations. It aims to support humanitarian relief by making food aid more accessible and visible through a real-time map interface. --- ## 🚀 Features - 📍 Interactive map powered by **Leaflet.js** - 📝 Add new donation points via a simple form - 🔄 Real-time database using **Firebase Firestore** - 🎨 Mobile-first design with **Tailwind CSS** - ☁️ Hosted with **Firebase Hosting** --- ## 🌐 How to Use the Web App 1. **Visit the website** 🔗 sudanfoodconnect.web.app 2. **Explore Drop-off Points** - View all existing food drop-off locations on an interactive map. - Click on any marker to see the name, address, and contact details. 3. **Submit a New Location** - Go to the "Add Location" page (`/add.html`) - Fill in the form with: - Location Name - Address or Landmark - Contact Information - Latitude and Longitude - Submit the form — your location will be added to the map. --- ## 🛠️ Tech Stack | Technology | Description | |----------------|------------------------------------------| | HTML/CSS | Page structure and basic styling | | Tailwind CSS | Utility-first responsive styling | | JavaScript | DOM interactions and Firebase logic | | Leaflet.js | Mapping and marker management | | Firebase | Firestore DB and static site hosting | ---