Back to projects
Frontend2026

PantryChef

AI Kitchen Assistant


PantryChef screenshot 1

Overview

A pantry tracker that ranks recipes by how ready they are to cook right now, with a tool-calling agent that does the busywork — built as a progressive-enhancement app that still works with JavaScript disabled.

Technical Details

  • Built every mutation as a real HTML <form> under React Router v7's useFetcher, so pantry edits still work with JavaScript disabled — genuine progressive enhancement rather than optimistic UI layered over a client-only SPA.

  • Streams the agent's execution to the UI step by step (plan → tool call → result) instead of a single final answer, so the user sees what it actually did to their data.

  • Backed the agent with a three-model fallback chain across free-tier LLM endpoints, because no single free provider stayed up reliably enough on its own.

Tech Stack

React Router v7TypeScriptPrismaPostgreSQLTailwind CSS