HomeCAN I VIBECODE
Crouton?
BUILD FIRST
- One defined user and a repeatable end-to-end job
- A small, clear data model with sign-in only if it is genuinely needed
- Loading, empty, error, and success states that make the workflow feel complete
LEAVE FOR LATER
- Large integration marketplaces
- Multi-region scale and enterprise administration
- Every power-user setting from the established product
RESEARCH NOTES
What this tool actually does.
Crouton is an iOS recipe manager and meal planner (crouton.app, Apple App Store). It stores recipes from websites, photos, plain text, and scanned cookbook pages, with OCR/AI import from a single photo. Users import recipes via URL, organize them, scale ingredient amounts, convert metric/imperial, and build grocery lists that integrate with Apple Reminders. Meal planning covers week/month/year horizons, and the app can auto-generate meal plans from saved recipes. A step-by-step cooking mode shows one step at a time, lets users tap ingredients to see quantities, supports hands-free (wink) navigation, and starts timers detected in recipe text. Recipes and plans sync via iCloud and can be shared with household members. It also supports recipe RSS feeds, guided weighing with Bluetooth scales (e.g., Acaia), and pairing with the Combustion Predictive Thermometer. UI customization includes cust
RESEARCHED BUILD PROMPT
Give this to your coding agent.
Build a web-based replacement for Crouton, the iOS recipe manager and meal planner. Core workflow: a user saves recipes (pastes a URL to auto-import structured ingredients and steps, pastes plain text, or uploads a photo), organizes them in a searchable library, plans meals on a weekly calendar, auto-generates a week of dinners from saved recipes, and cooks in a step-by-step mode that shows one step at a time with tap-to-reveal ingredient quantities, inline timers parsed from step text, and metric/imperial conversion. From planned meals, generate a grocery list with checkable items.
User-facing requirements: recipe library with search, filter, and tags; recipe detail view with ingredients, steps, servings, and scaling; a week-view meal planner grid with drag-to-assign recipes; an auto-plan generator; step-by-step cooking mode with timers and hands-free (voice or camera-wink) next-step navigation; grocery list view; import via URL parser, text paste, and image OCR.
Technical requirements: responsive web app (React or Vue front end with a Node/Express or similar back end), SQLite or Postgres storage, recipe import via OpenGraph/JSON-LD scraping plus an LLM or regex fallback for unstructured text, OCR via Tesseract or a cloud vision API, a timer engine that keeps running in the background, and single-user or simple-account local-first persistence.
Do not copy Crouton's brand, logo, icons, colors, or UI layout; design an original interface. Out of scope: native iOS app, iCloud sync, Apple Reminders integration, Bluetooth scale pairing, Combustion thermometer integration, RSS feeds, and multi-user household sharing. Include a README covering setup, environment variables, and known limitations (e.g., OCR accuracy, scraping fragility).