Votre défi est de créer une liste de produits incluant un panier fonctionnel et de la rendre aussi proche du design que possible. Vous pouvez consulter le design dans le dossier /design.
BONUS: Nous vous fournissons les données des produits dans un fichier local data.json. Vous pouvez donc utiliser ce fichier pour générer l'interface utilisateur dynamiquement si vous le souhaitez.
Les utilisateurs doivent pouvoir :
- Ajouter et retirer des articles dans le panier
- Augmenter/diminuer le nombre d'articles dans le panier
- Voir une fenĂȘtre de confirmation de commande lorsqu'ils cliquent sur "Confirmer la commande"
- Réinitialiser leurs sélections lorsqu'ils cliquent sur "Commencer une nouvelle commande"
Tous les éléments nécessaires pour ce projet se trouvent dans le dossier /assets. Les images sont déjà exportées aux tailles d'écran correctes et optimisées.
Nous incluons Ă©galement des fichiers de polices variables et statiques pour les polices requises pour ce projet. Vous pouvez choisir de lier Ă Google Fonts ou d'utiliser les fichiers de polices locaux pour hĂ©berger les polices vous-mĂȘme. Notez que nous avons supprimĂ© les fichiers de polices statiques pour les poids de police qui ne sont pas nĂ©cessaires pour ce projet.
Il y a Ă©galement un fichier style-guide.md contenant les informations dont vous aurez besoin, telles que la palette de couleurs et les polices.
Amusez-vous en construisant! đ