Food · meal planning · Web apps
Recipebox
Your week, planned in 2 minutes
Scroll to explore ↓
01 · Food · meal planning
Your week built in 2 minutes
Your week, planned in 2 minutes. Fictional direction — same craft as real client work under NDA.
- 01
Days
Mon–Fri — mark what’s planned.
- 02
Meals
Pasta, salad, soup, bowl — one click.
- 03
Progress
X/5 days — the week fills before your eyes.
01b · Engineering
Technical sheet
Stack, shipping and my role on this build — for recruiters and tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Libraries & tools
- Framer Motion
- local state
- Deployment
/play demo — product journey without real API
- Role
Product · UI · business flows
- Context
Interactive demo app — clear product intent
02 · Inside the product
One scroll, one screen
Each section locks to the viewport — keep scrolling past the last screen to return to the brief.
Food · meal planning
Your week built in 2 minutes
Days
Mon–Fri — mark what’s planned.
Meals
Pasta, salad, soup, bowl — one click.
Progress
X/5 days — the week fills before your eyes.
Families & meal-prep
“We plan Sunday night in five minutes.”
Couple · Lyon
Build your menu
Demo planner · local only.
Date
Heure
Couverts
Back to the brief
You’ve left the demo screens — next: try it, then the craft notes.
03 · Families & meal-prep
No more “what’s for dinner?” at 7pm
“We plan Sunday night in five minutes.”
“Grocery list follows the plan — later.”
04 · Week
Build your menu
Demo planner · local only.
- →Hero + below-the-fold sections (not just a hook)
- →Visual hierarchy and primary CTA
- →Information density vs readability
0/5 days planned
Local demo — no data is sent.
05 · Same family
Other directions of the same type — to compare density and mood.
06 · What to look at
- 01Hero + below-the-fold sections (not just a hook)
- 02Visual hierarchy and primary CTA
- 03Information density vs readability
- 04Interactive states (hover, selection, feedback)