FoodConnect

• 

  Find Food

• 

  Find Food

• 

  Food Post

• 

  NGOs Partners

• 

  Home Page

🍽️ FoodConnect 🌟 About the Project

Inspiration: The shocking reality that ⅓ of all food is wasted while 690 million people face hunger inspired FoodConnect. We're tackling the UN's Sustainable Development Goal 2: Zero Hunger.

What I Learned 1) Real-time web development with Firebase 2) Mobile-first responsive design 3) User-centric UX for diverse audiences 4) Production deployment strategies

How I Built It Week 1: MVP with core food posting and listing Week 2: Real-time features and Firebase integration Week 3: Enhanced UX with search and filters Week 4: NGO integration and production deployment

Challenges 1) Real-time data sync across multiple clients 2) Building trust in food sharing platforms 3) Performance optimization for global access 4) Intuitive design for non-technical users

🛠️ Built With Frontend: HTML5 - Semantic structure CSS3 - Responsive styling JavaScript - Vanilla for performance Font Awesome - Professional icons

Backend & Infrastructure: Firebase Firestore - Real-time database Firebase Hosting - Global CDN deployment Firebase Security Rules - Data protection

Development Tools: Git - Version control VS Code - Development environment Chrome DevTools - Debugging

Built With

• css3
• firebase
• html5
• javascript