Food · meal planning · Applications web
Recipebox
La semaine, composée en 2 minutes
Scroll pour découvrir ↓
01 · Food · meal planning
La semaine composée en 2 minutes
La semaine, composée en 2 minutes. Direction fictive — même niveau de craft que les missions clients sous NDA.
- 01
Jours
Lun–Ven — coche ce qui est planifié.
- 02
Plats
Pâtes, salade, soupe, bowl — un clic suffit.
- 03
Progression
X/5 jours — la semaine se remplit sous les yeux.
01b · Technique
Fiche technique
Stack, mise en ligne et mon rôle sur ce build — pour recruteurs et tech leads.
- Technologies
- Next.js
- TypeScript
- React
- Tailwind CSS
- Librairies & outils
- Framer Motion
- local state
- Déploiement
Démo /play — parcours produit sans API réelle
- Rôle
Produit · UI · flux métier
- Conditions
App démo interactive — intention produit claire
02 · Dans le produit
Un scroll, un écran
Chaque section se cale à l’écran — continue après le dernier pour revenir au récit.
Food · meal planning
La semaine composée en 2 minutes
Jours
Lun–Ven — coche ce qui est planifié.
Plats
Pâtes, salade, soupe, bowl — un clic suffit.
Progression
X/5 jours — la semaine se remplit sous les yeux.
Familles & meal-prep
“On planifie dimanche soir en cinq minutes.”
Couple · Lyon
Compose ton menu
Planificateur démo · local only.
Date
Heure
Couverts
Retour au récit
Tu as quitté les écrans démo — ensuite : tester, puis les notes de craft.
03 · Familles & meal-prep
Fini le « on mange quoi ? » à 19h
“On planifie dimanche soir en cinq minutes.”
“La liste courses découle du plan — plus tard.”
04 · Semaine
Compose ton menu
Planificateur démo · local only.
- →Hero + sections sous la fold (pas juste une accroche)
- →Hiérarchie visuelle et CTA principal
- →Densité d’info vs lisibilité
0/5 jours planifiés
Démo locale — aucune donnée n’est envoyée.
05 · Même famille
D’autres directions du même type — pour comparer densités et ambiances.
06 · Ce qu’on regarde
- 01Hero + sections sous la fold (pas juste une accroche)
- 02Hiérarchie visuelle et CTA principal
- 03Densité d’info vs lisibilité
- 04États interactifs (hover, sélection, feedback)