Fridge Share

• 

  Fridge Share Logo

• 

  Fridge Share UI

Fridge Share: Eliminating the Last Mile

About the Project

Fridge Share is a hyper-local, real-time food sharing platform designed to connect people with surplus food directly to neighbors experiencing food insecurity. The core problem we targeted was not just food waste, but the massive, often prohibitive, cost of the 'last mile' in traditional food distribution—logistics, storage, and transportation.

My inspiration

came from realizing that while major food banks do incredible work, many small, immediate food surpluses (like a few bags of apples or extra pantry items) often go to waste because the overhead cost of getting them to someone locally is too high. Fridge Share cuts out this overhead entirely.

The app supports SDG 1 (No Poverty) and SDG 2 (Zero Hunger) by providing measurable, instant economic relief. By focusing on hyper-local ZIP code filtering, we ensure that food is accessible within walking distance, maximizing convenience and utility for those who need it most.

How I Built It

The project was built as a single-page MVP to maximize development speed and deployment simplicity.

Front-End: The entire user interface (UI) and interaction logic are contained within a single index.html file. Tailwind CSS was essential for rapidly creating a modern, fully responsive, and visually appealing mobile-first design.

Back-End/Database: Firebase Firestore handles all data persistence and real-time updates. This was critical for the app's success, as food availability must be instant and reliable.

Real-Time Reliability: We utilize Firestore's onSnapshot listener to ensure the community feed updates the instant an item is posted or claimed, eliminating double-claiming conflicts.

Challenges I Faced

Ensuring Data Integrity (No Double-Claiming): The primary technical challenge was guaranteeing that multiple users couldn't claim the same item simultaneously. This was solved by using a robust 'status' field (available or claimed) on each item document and using a confirmation step for the claim action, making the transaction clear to all concurrent users.

Authentication & Platform Security: Integrating with the Canvas environment required strict adherence to the public Firestore security rules. Initially, there were issues with saving data until the mandatory public path was correctly implemented, which ensured multi-user data visibility.

User Experience (UX): Since platform constraints prevent using native browser functions like, I had to develop a custom, non-obtrusive confirmation model using HTML and JavaScript. This maintains a clean, professional UX for critical interactions (claiming and deleting items).

What I Learned

This project provided invaluable experience in building a truly real-time application architecture and prioritizing database efficiency. I learned the power of declarative UI styling using utility-first frameworks like Tailwind and, most importantly, how to use query filters in a NoSQL database to efficiently manage and filter large community data sets for hyper-local relevance.

Built With

Languages: HTML5, CSS3, JavaScript (ES6+)

Frameworks/Libraries: Tailwind CSS (for styling and responsiveness)

Platform/Database: Firebase / Firestore (for authentication and real-time data persistence)

APIs: Firebase Authentication (Anonymous/Custom Token Sign-in), Firebase Firestore SDK (Real-time database)

The Future of Fridge Share

While this MVP is functional and powerful, our vision scales far beyond a neighborhood sharing system. Our next steps are focused on trust, retention, and volume:

Trust & Logistics: We will implement in-app chat to streamline pickup coordination and a user rating system to verify reliable donors and claimants.

Scalability: We are focused on Non-Profit and Corporate Integration, allowing food banks and large cafeterias to list high-volume surpluses, transitioning the platform to a wider community distribution model.

Fridge Share is ready to launch, ready to grow, and ready to make a measurable difference in fighting poverty and waste.

Try it out

This project is a single-file MVP designed to run immediately in the Canvas environment. link

Built With

• firebase
• firestore
• html
• javascript
• tailwind