FoodFriends

• 

  Home page | Filtered by Items in Fridge | Add Food Item Modal

• 

  Detailed Food Item Top | Detailed Food Item Bottom | Food Item Editing Mode

• 

  Grocery List Page | Added to Kitchen Notification | Edited Added Item Modal

• 

  Settings Page | Dietary & Allergies Page | Food Item Page With Restrictions Warning

• 

  Notifications Page | About Page

Inspiration

As college students and roommates, the past two years have been our first time living away from home and learning to be independent. One thing that we continue to struggle with is managing food in our fridge. While going about our busy lives as college students, it can be hard to remember when certain food items are about to expire. From molded produce to sour heavy cream, we've had to throw away countless food items. We needed a solution that would keep us notified about upcoming expirations, which prompted our app, FoodFriends.

What it does

FoodFriends is a simple food management app, like a digital view of food items in your kitchen. With the app, you can track expirations of food, like produce, meat, and dairy, and sort them by categories of location (fridge, freezer, pantry). When you first open the app, it will show you a list of the food items in your kitchen sorted by expiration date. FoodFriends also features a grocery list that, once a food item is checked off, enters it into your digital kitchen on the home page. For each food item saved in the food management, it also recommends recipes to use that as an ingredient, as well as tips for how to preserve or extend its shelf life.

How we built it

We built the FoodFriends app using Kiro in JavaScript and HTML. For prototyping the design, we used FigmaMake to generate the screens and test the user flows.

Challenges we ran into

One challenge we ran into was implementing the UI design without tampering with the existing structure of how each component worked. We started with a working app with the features we wanted to include and then implemented a more user-friendly and engaging design system. Our initial implementation of the design into the code led to breaking the functionality of several components, such as where buttons were routed. After this, we decided to slowly apply our design choices, one component after another, incrementally polishing the interface to best serve our users.

Accomplishments that we're proud of

We are proud of creating a fully functioning minimum viable product that addresses a problem that we constantly face amongst ourselves and our peers.

What we learned

Given that this was our first product developed entirely with AI, we learned how to leverage AI to enable us to work faster, thus focusing more on the product itself. We initially started with using AI to generate ideas for our submission, but realized that it should be leveraged to accelerate work instead of replacing ideas. Human-centered products should remain designed and built with a human. We then pivoted our brainstorming toward problems we faced in our daily lives.

What's next for FoodFriends

Beyond the scope of the hackathon, we want to create a more algorithmic way of determining when food expires. At the current development, users can manually input an expiration date, or the app will determine an estimated time based on location (fridge, freezer, or pantry). However, more variables come into play depending on things like the temperature of the fridge and what other food items it is placed next to. Factoring in these smaller details would give a more accurate estimate of when food will expire.

Built With

• html
• javascript