Cutesy Eats 🌸🍴
Paste a saved TikTok cooking video and get a structured, cookable recipe out of it: ingredients,
step-by-step instructions, make time, difficulty, an estimated grocery cost, the dominant protein,
whether it's vegan/vegetarian/pescatarian/omnivore, and estimated per-serving nutrition facts
(calories, protein, carbs, fat, fiber, sugar, sodium).
Saved recipes live across three pages, tied together by the navbar:
- Home — everything in one scroll: the "Break it down" input, a centered "Feeling indecisive?"
card with the "Cook Tonight? 🌙" swiper button, a compact "This Week" nutrition card, a "Cook
something tonight?" pill row (Quick / Budget / High Protein / Low Calorie / Vegan / Vegetarian /
Pescatarian / Easy / Comfort Food) that filters the "Your Recipes" grid below by those criteria —
genuinely wired to each recipe's real fields (time, price, protein, nutrition, diet type,
difficulty), not placeholder data — and the full "Your Recipes" grid itself: search, filter by
diet, sort (Recently Added / Cook Time / Cost) via compact dropdown pills, organize into folders
(e.g. "Meal Prep 💪", deletable via the × on each folder pill — recipes inside are just
unassigned, not deleted), and hover a card for quick "View 👀" / "Save to List 🛒" actions. A
small "Showing N recipes · …" line above the grid always summarizes whatever combination of
search/diet/folder/Cook-Tonight/sort filters is currently active. The navbar no longer has a
separate "My Recipes" link; the mobile bottom bar's search icon and the desktop "Home" link both
smooth-scroll straight to this grid. The search bar doubles as an LLM-powered smart search: type
3+ characters and, after a short debounce, it also asks Claude to match your saved recipes
against the request's meaning (ingredients, time, cost, diet, protein, even "haven't made in a
while") rather than just the title — a plain substring match on title/author stays live
throughout so results never go blank while waiting, and it silently falls back to that substring
match if the request fails or
ANTHROPIC_API_KEY isn't configured. The grid itself only renders
24 cards at a time with a "Load More 🌸" button to reveal 24 more, plus a dashed "Add new
recipes, girly ✨" card linking out to TikTok once every match is loaded — filtering/sorting/
searching still run over your whole saved library, but the DOM/image load stays light even with
a large collection; changing any filter resets back to the first page.
- Grocery & Pantry — one sage-accented page with an in-page tab switcher between two views:
- Grocery List — built from whatever you've added via a card's "Save to List 🛒" action (this
is intentionally independent from a recipe's own cook-along ingredient checklist, so checking
something off while cooking doesn't touch your shopping list and vice versa), grouped into
Produce/Proteins/Dairy/Pantry, with its own cross-off checkboxes, a "Copy list" button, and a
"Clear list" button to empty it out.
- My Pantry — staples you keep stocked. Tap common staples (grouped into Oils & Vinegars /
Spices / Grains & Pasta / Dairy / Canned Goods) to toggle them on, or search to add anything
else. Once you've added a few items, every recipe card and detail view shows a "🧺 X/Y
ingredients" badge, and this tab surfaces how many saved recipes you're 80%+ of the way to
being able to make.
- This Week — a lightweight nutrition snapshot built only from recipes you've actually cooked
(via Cook Mode's "I made this!"), never manual logging: weekly calorie/protein/carb/fat totals, a
daily bar chart, a macro breakdown, the list of what you cooked, and "Recommended for you" picks
from your saved-but-uncooked recipes that would balance the week's macros. The compact homepage
version is deliberately a different, lighter card (its own
/api/nutrition-home-card route, kept
fully separate from this tab's data): instead of a big calorie number it shows a Mon–Sun row of
which days you cooked (with a subtle "🔥 Nd streak" pill for consecutive days), the week's
Protein/Carbs/Fat split as bars, and a line recommending a saved-but-uncooked recipe based on
which macro you're furthest from and how many calories are left in the day (generic 2000
cal/100g protein/250g carb/65g fat reference targets — there's no user profile/goals system).
On mobile, the top nav is replaced by a fixed bottom bar (Home / Search / Add / Grocery / Week) so
the main actions stay one thumb-tap away — and on mobile, navigation lives only in that bottom
bar; the top header (logo, links) is desktop-only.
Clicking any recipe card opens a full detail view in a modal (a direct link to /recipes/[id] still
works as a real page) with a servings adjuster that scales every ingredient quantity live, the
per-serving calories, a personal notes box, a pantry-match badge, and the full nutrition breakdown.
Cook Mode 🍳
"Start Cooking" on any recipe opens a full-screen, distraction-free guided flow: one step at a time
in a large serif font, with the previous/next step teased in small muted text above/below, a thin
progress bar at the top, and swipe or arrow-button navigation. Steps with a detected duration
("cook for 6-7 minutes", "simmer for 20 minutes" — parsed by src/lib/cookTimers.ts) surface a
"Start Timer ⏱" button; timers run concurrently in a pill bar pinned to the bottom, pulse and
vibrate (where supported) when done. The final step becomes a celebration screen — confetti, "I
made this! 💕", and a 5-star rating — which logs a CookLog row (used by the nutrition snapshot)
and marks the recipe cooked.
This is the beginning of the README. Read the rest at the original. Read the full README ↗
