Foundation Base
Production readyPersonalv1.0.0 · updated Jul 2, 2026
RE

Open Source Recipe Box Template

The dishes worth repeating, plus the list to shop for them.

A recipe manager with tags, full-text search, and a one-click path from ingredients to shopping list.

Runnable Agent-ready Install-ready Deploy-ready
foundationbase.app/demo/recipe-boxOpen full demo →

This is the real app, not a mockup. Whatever you enter in the demo stays in your browser and belongs to nobody.

What you get

One zip. Everything to own it.

Recipe Box keeps the dishes you actually make: ingredients, method, and tags, searchable by whatever's in the fridge. One click sends a recipe's ingredients to the shopping list, de-duplicated against what's already there. A friendly starting point for meal planning, portion math, or import from your notes app.

  • Recipes with ingredients, method, and tags
  • Search by name, tag, or ingredient
  • One-click ingredients-to-shopping-list
  • De-duplicated shopping list with check-offs
  • Plain-text editing — paste from anywhere
recipe-box.zipMIT
recipe-box/├── app/the running Next.js app├── agent/START_HERE, PROJECT_MAP, RULES, RECIPES, TESTS, DEPLOY├── CLAUDE.mdread automatically by Claude Code├── AGENTS.mdread automatically by Codex├── .cursor/rules/loaded automatically by Cursor└── README.mdrun it, then make it yours

Inside the app

What the running app actually looks like
Recipe Box: The box
The box — Searchable recipes with tags.

Customize with AI

Your agent already knows this codebase.

Ships with CLAUDE.md, AGENTS.md, Cursor rules, and a full agent handbook — project map, safety rules, recipes, tests, and deploy notes.

Claude CodeCursorCodex

Prompts written against this app

Add meal planning for the next seven days.
Add grocery export grouped by store section.
Add recipe import from my notes or plain text files.
Add nutrition notes without requiring an account.

Run it

5 min to your own copy.

  1. 01Create your editable app copy and unzip it.
  2. 02Run npm install.
  3. 03Run npm run dev and open http://localhost:3000.
  4. 04Read /agent/START_HERE.md before customizing.
  5. 05Swap the local-first storage boundary for your own backend when ready.
Full walkthrough, including deploy and install →
Where your data lives

Recipes and shopping lists stay in this browser by default.

No account, backend, cloud sync, or recipe API is included in the current package.

An agent can add import/export or optional sync later while preserving local ownership.

Honest limitation

This package is standard-ready for Create My App and AI customization.

A full app-only PWA install route is not enabled yet for this app.

Verification receiptchecked Aug 2, 2026 at c11c184 · v1.0.0
Demo renderscaptured 2026-07-26, 44 KBpassed
Package installs and buildsinstalled, typechecked and built in 83s on node v24.13.0passed
Source package complete31 files, 64 KBpassed
Agent instructions included5 handoff files presentpassed
No network calls in app sourcestatic scan clean: no network calls, eval, or secrets in app sourcepassed
License matches the packageMIT, matching the file in the packagepassed

If this isn’t quite right

All Personal foundations →
personal · 5 min setupPlanting CalendarA vegetable planting calendar that works out start-indoors, transplant, sow, and first-harvest dates for 25 crops from your own last and first frost dates.personal · 5 min setupHabit TrackerA calm habit tracker with a seven-day grid, one-tap check-ins, and streaks computed from what you actually did.utilities · 5 min setupTravel PlannerPlan trips with a loose daily itinerary and a per-trip packing list — including the passport double-check.
How To Use Foundation BaseHow To Customize An App With AiDemo Link Vs Preview Link Vs App LinkHow To Deploy Your Own App LinkOpen Source App Templates

Take Recipe Box and make it yours.

Free, MIT, 5 min to running. The demo above is exactly what lands in your folder.

Create My AppTry demo
Create My App