Skip to the content.

Pantry Pals

Table of Contents

  1. Overview
  2. Deployment
  3. Continuous Integration
  4. Team Contract
  5. User Guide
  6. Developer Guide
  7. Development Team
  8. Milestones

Overview

Problem

What’s the point of a pantry app?

Approach

Use Case Ideas

Beyond the Basics

Deployment

Pantry Pals is deployed through Vercel, taking advantage of its seamless integration with GitHub and strong support for Next.js applications. The repository’s main branch is connected directly to Vercel, which means that any changes merged into main automatically trigger a new production build. This continuous deployment pipeline ensures that the application is always up to date with the latest code.

During each deployment, Vercel installs the project dependencies, generates the Prisma client, applies any pending database migrations, and then builds the Next.js application for production. Once the build process completes, Vercel publishes the new version of the site, replacing the old one with zero downtime. This automated flow allows the team to focus on development while keeping deployment consistent and reliable.

The live site can be accessed here: Pantry Pals


Continuous Integration

ci-badge


Team Contract

Link to Team Contract


User Guide

An intro to using pantry pals

Sign in page

Sign up for pantry pals and verify your email to sign in Pantry App Sign Up_Screenshot Pantry App Sign In_Screenshot

Dashboard

Users have easy access to all pages through Pantry Pal’s dashboard Pantry App Dashboard_Screenshot

View your pantry

Pantry pals allows you to easily keep track of what ingredients you have in your household, where they are, and how much of them you have left Pantry App InventoryList_Screenshot Pantry App InventoryCards_Screenshot

Add and Edit your pantry

Keep track of your spices and food by adding them to your pantry
Pantry App Add Item_Screenshot Pantry App Edit Item_Screenshot Pantry App Delete Item_Screenshot

Create Shopping Lists

Easily create and manage your shopping list based on what’s running low in your pantry. Check off items as you shop to keep your inventory up to date. Pantry App CreateShoppingList_ScreenShot Pantry App ShoppingList_Screenshot Pantry App ViewShoppingList_Screenshot

Find Recipes

Discover recipes you can make with the ingredients you already have. Pantry Pals helps you reduce waste and find meal ideas tailored to your pantry. Pantry App Recipes Screenshot Pantry App Recipes I Can Make Pantry App Recipes Instructions


Developer Guide

This section provides information of interest to developers wishing to use this code base as a basis for their own development tasks.

Installation

First, install Node.js

Second, visit the Pantry Pals application github page, and click the “Use this template” button to create your own repository initialized with a copy of this application. Alternatively, you can download the sources as a zip file or make a fork of the repo. However you do it, download a copy of the repo to your local computer.

Third, cd into the pantry-pal directory and install libraries with:

$ npm install

Fourth, run the system with:

$ npm run dev

If all goes well, the application will appear at http://localhost:3000.

Application Design

Pantry Pal is based upon the ICS Software Engineering Next.js Application Template.


Milestones

Milestone 1 Progress

Milestone 1 Project Board

Pantry App Screenshot Pantry App Inventory_Screenshot Pantry App ShoppingList_Screenshot

Milestone 2 Progress

Milestone 2 Project Board

Pantry Pals Landing Page Pantry Pals Sign In Page Pantry Pals Sign Up Page Pantry Pals Pantry Page Pantry Pals About Us Page 1 Pantry Pals About Us Page 2 Pantry Pals Recipe Page

Milestone 3 Progress

Milestone 3 Project Board

M3 Landing Page M3 Pantry Page Table M3 Pantry Page Cards M3 Add Item Modal M3 Edit Item Modal M3 Shopping List Page M3 Shopping List Modal M3 Recipes Page Mockup idea

Milestone 4 Progress

Milestone 4 Project Board

M4 Landing Page M4 Dashboard Page M4 Dashboard Mockup M4 Pantry Page Table M4 Pantry Page Cards M4 Add Item Modal M4 Edit Item Modal M4 Delete Item Modal M4 Shopping List Page M4 View Shopping List Modal M4 Delete Shopping List Modal M4 Recipes Page 1 M4 Recipes Page 2

Milestone 5 Progress

Milestone 5 Project Board

M5 Dashboard Page M5 Pantry Page Table M5 Pantry Page Cards M5 Add Produce Modal M5 Edit Produce Modal M5 Add Location Modal M5 Delete Location Modal M5 Recipes Page M5 Recipes I Can Make M5 Add Recipes Modal M5 Recipe Instructions M5 Add To Shopping List from Main View M5 Add To Shopping List from List View

Milestone 6 Progress

Milestone 6 Project Board

M6 Pantry Page Table M6 Pantry Page Cards M6 Add Produce Modal M6 Recipes Page M6 Recipes I Can Make M6 Edit Recipes M6 Edit Recipes Modal M6 Recipe Instructions 1 M6 Recipe Instructions 2 M6 View Shopping List M6 Create New Shopping List

Milestone 7 Progress

Milestone 7 Project Board

M7 Landing Page M7 Add Produce Modal M7 Recipes Page M7 Add Recipes Modal M7 Edit Recipes Modal M7 Shopping List Page M7 Shopping List Modal


Development Team

Justin Smith
James Ivan Cartagena
Jason Nguyen
Haley Teramoto
Pelita Felicitas
Jarell Ballesteros
Cohen Ruport
Amy Shin
Jared Seto