Kanap

Projet numéro 5 du parcours Développeur Web chez OpenClassrooms.

Objectif

Développer la partie JavaScript d’un site e-commerce de canapés afin de rendre le catalogue dynamique et permettre aux utilisateurs de consulter les produits, gérer leur panier et passer une commande via une API existante.

Fonctionnalités

• Affichage dynamique des produits depuis une API
• Affichage des fiches produits
• Sélection de la couleur et de la quantité
• Ajout des produits au panier
• Gestion du panier avec le LocalStorage
• Modification des quantités
• Suppression des produits du panier
• Calcul dynamique du prix et de la quantité totale
• Validation du formulaire de commande
• Envoi de la commande à l’API
• Affichage du numéro de commande

Ce que j’ai appris

Ce projet m’a permis de développer des compétences en :

• JavaScript
• Manipulation du DOM
• Utilisation de Fetch et des API REST
• Manipulation de données JSON
• Gestion des promesses
• Utilisation du LocalStorage
• Manipulation des paramètres d’URL
• Validation de formulaires avec des expressions régulières
• Gestion des requêtes HTTP GET et POST
• Gestion des erreurs lors des appels API

La suite

Ce projet m’a permis de passer d’un site statique à une application web dynamique communiquant avec une API. Il m’a également apporté les bases nécessaires pour aborder le développement backend avec Node.js, Express et les bases de données dans les projets suivants.