Do you ever find yourself searching through the cupboards, unsure of what you've already bought or what's about to expire? Don't worry, we've got you covered. With PantryPal, you can keep track of all the items in your pantry. Not to mention, help track your daily calorie intake and meals, allowing you to stay happy, and stay healthy.

What it does

Upon login with Google sign-in, you can see go to Pantry to see what is on your shelves. If you're a first-time user, you will be able add new items to your shelf. From our database, you can choose popular foods that already have calorie and freshness information.

How we built it

We used to craft the website with HTML5, incorporating Tailwind CSS to add style elements, and JavaScript to code the arrays involved and Google Sign-In function. We also used GitHub to store our work, and to get our website on the web (although can't get the website up and running right away. They need 24-36 hours).

Challenges we ran into

All of the members on our team are beginners. We had very limited knowledge of HTML5 or CSS, so the entire experience was a huge learning curve. Almost every element had to be researched, and with much teamwork and collaboration, we were able to create a great product.

Accomplishments that we're proud of

Given the time constraint and our lack of experience, we're extremely proud of everything that we have created this weekend. The website demonstrates many functions and the style is also very aesthetic.

What we learned

We learned many aspects of HTML5, CSS, particularly tailwind CSS, and JavaScript. We got to understand some of the intricacies of how websites are made, and we will certainly be using this knowledge in future projects.

What's next for PantryPal

Next, we hope to increase the food and nutrition database that comes along with the website, and also design an app that may be more accessible. We want to add functions that will allow the user to plan meals according to calories and nutritional info. If we had more time, we would have liked to organize the foods into categories on the shelves. We would also make the UI a little more clean, and allow for users to see how much expired food they throw out in order to keep them conscious of their waste, hoping to reduce that.

Built With

Share this project: