Inspiration

Every year, millions of tons of perfectly edible food are wasted — often just leftovers sitting in someone’s fridge. Meanwhile, food insecurity continues to impact families globally. We built Leftover Love to bridge this gap locally. It's our way of turning “too much food” into “just enough for someone else” — using tech to bring communities together around compassion and sustainability.

What it does

Leftover Love is a React web app that lets users post leftover home-cooked meals on a live map with details like cook date, best-before date, and images. Others nearby can browse the map, view available food, and message the poster to arrange pickup — all through a safe, location-aware interface. It’s food sharing, made effortless.

How we built it

Frontend: React.js, with react-leaflet for interactive maps and Framer Motion for smooth UI effects. Backend: Firebase (Firestore for data, Firebase Auth for login, and Storage for images). Geolocation: HTML5 Geolocation API to tag posts by location. Messaging: Custom chat interface using Firebase’s real-time database features.

Challenges we ran into

Safely previewing and uploading user images while keeping performance smooth was trickier than expected.

Accomplishments that we're proud of

Built a fully functional geotagged food-sharing platform with real-time messaging in under a hackathon weekend.

What we learned

Building for social impact means constantly thinking about trust, ease of use, and accessibility.

What's next for Leftover Love

Let users verify identity or get neighborhood endorsements.

Built With

Share this project:

Updates