À propos de notre Livre de Recettes
Bienvenue dans notre collection de recettes ! Cette application a été conçue pour partager et découvrir des recettes délicieuses, des plus traditionnelles aux plus créatives.
🍳 Notre Mission
Nous croyons que la cuisine est un art accessible à tous. Notre objectif est de rassembler les meilleures recettes et de les présenter de manière claire et attractive pour inspirer cuisiniers débutants et expérimentés.
✨ Fonctionnalités
- Collection de recettes variées avec photos SVG optimisées
- Recherche intelligente par nom, ingrédients ou catégorie
- Filtres avancés (catégorie, difficulté, temps de préparation, options alimentaires)
- Tri des recettes (nom, temps, difficulté, note)
- Système de favoris avec sauvegarde locale
- Notifications toast pour les actions utilisateur
- Instructions détaillées étape par étape
- Statistiques de recettes et informations nutritionnelles
- Images avec chargement optimisé et fallback
- Interface moderne et entièrement responsive
- Animations fluides et transitions CSS
- Design accessible avec focus et navigation clavier
🚀 Comment ajouter de nouvelles recettes
Pour ajouter une nouvelle recette à la collection, suivez ces étapes :
- Ouvrez le fichier
src/data/recipes.ts - Ajoutez votre recette au tableau
mockRecipesen suivant la structure existante - Assurez-vous d'inclure tous les champs requis :
- id (unique)
- title (nom de la recette)
- description (courte description)
- image (chemin vers l'image)
- ingredients (liste des ingrédients)
- steps (étapes de préparation)
- prepTime et cookTime (en minutes)
- servings (nombre de portions)
- difficulty (facile, moyen, difficile)
- rating (note sur 5) et tags
- isVegetarian et isVegan (options alimentaires)
- Ajoutez l'image correspondante au format SVG dans le dossier
public/images/ - Sauvegardez et rechargez la page pour voir votre nouvelle recette !
🛠️ Technologies utilisées
⚛️
Next.js 15
App Router
🎨
Tailwind CSS
Styling moderne
📝
TypeScript
Type Safety
🧵
Yarn
Package Manager
✅ Fonctionnalités déjà disponibles
- ✅ Système de favoris avec sauvegarde locale
- ✅ Filtres avancés par catégorie, difficulté, temps et options alimentaires
- ✅ Tri des recettes par différents critères
- ✅ Notifications toast pour les interactions
- ✅ Images optimisées avec chargement progressif
- ✅ Design responsive et animations fluides
💡 Besoin d'aide ?
Si vous avez des questions ou des suggestions d'amélioration, n'hésitez pas à nous contacter ou à contribuer au projet !