Le brasseur de la Brasserie Artisanale de Rodemack vous sollicite pour réaliser son magasin en ligne. Il souhaite pouvoir exposer ses produits et permettre à ses clients d'effectuer des commandes en ligne.
Cahier des charges
- Créer une page d'accueil avec un menu de navigation Au minimum, on a besoin de 3 pages: "Les produits 🏷️", "La brasserie 🍺", "Contact 📇"
- Créer une page de contact avec un formulaire L'utilisateur pourra saisir son nom, prénom, adresse mail et un message. L'envoi du formulaire affichera un message dans la console du navigateur.
- Créer une page de liste des produits La liste doit être dynamique et s'adapter à la réponse de l'API. On y retrouve le nom du produit, son titre et son étiquette.
- Créer une page ou une modale pour afficher les détails d'un produit Elle ne doit afficher que les informations du produit sélectionné.
- Ajouter des filtres pour rechercher un produit Filtres par nom, degré d'alcool, amertume, etc. Le panneau de filtres doit être masquable, avec aperçu des filtres appliqués. L'utilisateur doit pouvoir réinitialiser les filtres.
- Ajouter un panier d'achat L'utilisateur peut ajouter/retirer des produits et consulter le montant total.
- Utiliser Redux pour gérer l'état du panier
- Utiliser React Router pour la navigation entre les pages
- Attention à la gestion d'erreur : - Retours de l'API - Mauvaise saisie de l'utilisateur