Nibblehood
Pass your plate, power your neighborhood!
About The Project
Every year, tons of perfectly good food ends up in the trash. Nibblehood is here to change that. By strengthening communities and connecting people with extra food to those nearby who could use a meal, we turn potential waste into shared moments of kindness. Together, let’s make food waste a thing of the past and step toward a greener future—one shared meal at a time.
Features
- Local Food Sharing: Share food with your neighbors and discover home-cooked meals.
- Location-based: All features are localized, ensuring that your interactions are with those in your immediate vicinity.
- Gamification: With each interaction earning points, you can compete against other neighborhoods to see who can be the most connected community!
Vision
In today’s fast-paced world, it's easy to lose touch with the people living next door. Nibblehood strives to make neighborhoods feel like home again by creating opportunities for neighbors to interact, share, and grow together. By fostering trust and goodwill, the app aims to make local communities closer and more connected.
How we built it
We started with some mockups on Figma, fleshing out our idea as we thought of data and class structures. Once we had an idea of our software structure, we began a Next.js project, with React and chakra-ui to power our front-end, Node.js, and Firebase to work the back-end, using Firebase Firestore as our database.
Challenges we ran into
One of the more prominent challenges we encountered was how difficult it was to create the front-end design from the Figma file. As a result, our working web app does not have all of the features and designs of our Figma design. This was a bit of a letdown as the look of our web app did not match our expectations.
What we learned
For our team, this was one of our first hackathons, and we were really proud of the product that we outputted. With one designer in our group, it was a good learning experience in terms of the designer-developer dynamics for all of us. Throughout the whole hackathon process, we learned more about database acquisition, design to front-end transformation, and handling REST API calls.
Built With
- css
- firebase
- firestore
- html
- javascript
- next.js
- react
- restapi
- typescript
Log in or sign up for Devpost to join the conversation.