ZOT Pantry

Losing track of the groceries you bought? Don't know what to make with what you have? Has your food gone bad? We got you! With ZOT Pantry, you'll never lose track of your food!

Comment

Inspiration

Food waste becomes common when life gets in the way, making you forget about the rotting apples in the fridge or the cereal that went bad five years ago. ZOT Pantry helps with managing your food and also clearing out your pantry! ZOT Pantry is for all the people who need to eat!

What it does

ZOT Pantry allows you to log your food in a digital pantry. Type the name of the food and the estimated expiration date based on packaging or storage type. If the food you entered expires within a week from today, it will be placed in "expiring soon," if it has already passed expiration, it will be in "expired." Furthermore, based on the ingredient data in your pantry, we will also recommend recipes to cook!

How we built it

We used React to build the web app with JavaScript and CSS for the front-end. Before creating the webpage, we used Figma to create mock-ups for the UI. For back-end, We also used JavaScript and Spoonacular API to find recipes based on the ingredients in your "pantry." We call the public API, which allows us to enter multiple ingredients we want in the recipe, and it will output what we can create.

Challenges we ran into

Since we are a team of beginners and first-timers, we had to do a lot of research before starting to learn how to start a React project. We worried that if our project ended up being too ambitious that we would run out of time. It was also a challenge to connect the front-end and back-end to make it look cohesive, we always had to reformat something.

Accomplishments that we're proud of

We did our best despite having minimal knowledge. IrvineHacks ended up being half of our team's first hackathon--second hackathon for our other half. Despite our inexperience, we made a cohesive project with a clear purpose, function, and (minimal) bugs! Also, Aaron won a $25 Amazon gift card at the Roblox social!

What we learned

We learned a lot about using React, JavaScript, CSS, APIs, and even GitHub because of all the merging errors.

What's next for ZOT Pantry

A next step for ZOT Pantry is implementing more customization for the user, including an account system and diet restrictions for recipes.

Built With

Share this project:

Updates