Skip to the content.

Developer Guide

This guide is for contributors who want to modify PantryPal Web.

Local Setup

  1. Install Node.js 18 or higher.
  2. Clone the repository and run npm install to fetch dependencies.
  3. Run npm run dev to start the app.

Project Structure

src/
├── components/         # Reusable UI components
├── pages/              # Page-level components
├── routes/             # React Router setup
├── services/           # API calls to PantryPal backend
└── main.tsx            # App entry point

Linting and Formatting

We use ESLint and Prettier to keep the codebase tidy. Run:

npm run lint

(You may need to install dependencies with internet access.)

Backend Integration

The frontend relies on the PantryPal Backend. See the backend repository for API docs and environment variables.