Ce projet consiste à créer une boutique de vente de Sneakers. J'ai fais ce site en tant que projet pour mon examen de développement web. Il y a un système de connexion et d'inscription, un affichage d'article stocké dans une db, une simulation de panier et de confirmation de panier. (L'incrémentaion dans le panier ne fonctionne pas encore)
- Créer un formulaire de connexion avec des champs pour l'utilisateur et le mot de passe
- Afficher le bouton "Me connecter" uniquement si les champs utilisateur et mot de passe sont remplis
- En cliquant sur "Me connecter", chercher l'utilisateur correspondant dans un fichier json
- Si l'utilisateur correspond, enregistrer son ID dans un cookie de session
- Si aucun utilisateur ne correspond, afficher un message d'erreur en popup qui disparaît en cliquant dessus
- Afficher chaque article avec une photo, un titre, une catégorie et un prix
- Permettre d'afficher uniquement des articles avec un prix maximum ou minimum
- Afficher uniquement les articles des catégories sélectionnées
- Afficher uniquement les articles dont le titre contient un terme recherché
- Les filtres peuvent être utilisés de manière dynamique (en cliquant sur une catégorie, en entrant un terme de recherche dans le titre, etc.)
- Lier chaque article à des boutons "+" ou "-" pour incrémenter ou diminuer le nombre d'articles dans le panier
- Sauvegarder le panier dans un ou plusieurs cookies
- Ajouter un bouton pour afficher le panier à tout moment, listant les articles, la quantité de chaque article et le prix total
- Ajouter un bouton pour envoyer le contenu du panier au back-end pour vérifier la disponibilité des articles
- Si le back-end répond avec succès, vider le panier. Sinon, afficher un message d'erreur.
- Compréhension complète des demandes et besoins du projet
- Architecture claire et bien pensée du code, avec une arborescence des fichiers qui facilite la navigation et la maintenance
- Utilisation efficace et cohérente des techniques apprises au cours
- Indentation claire et lisible pour une meilleure compréhension du code
- Graphisme et ergonomie de haute qualité pour une expérience utilisateur agréable et intuitive.