Projet: Construisez un site de e-commerce en JavaScript

Compétences évaluées

• Créer un plan de test pour une application
• Gérer des événements JavaScript
• Interagir avec un web service avec JavaScript
• Valider des données issues de sources externes

Scénario

Vous êtes en poste dans une agence de développement web depuis quelques semaines maintenant. Après avoir réalisé avec succès l’intégration de quelques sites web (HTML/CSS), on vous confie une nouvelle mission.

Votre client est Kanap, une marque de canapés qui vend ses produits depuis sa boutique exclusivement. Aujourd’hui, celle-ci souhaiterait avoir une plateforme de e-commerce en plus de sa boutique physique pour vendre ses produits sur Internet. Comme on en a discuté hier, voici les informations pour que tu puisses démarrer l’implémentation du site de Kanap de manière dynamique.

--------------------------- logo de Kanap ----------------------------------

Voici les différentes tâches que tu vas devoir mener à bien

• Unifier les travaux déjà réalisés par l’équipe en intégrant dynamiquement les éléments de l’API dans les différentes pages web avec JavaScript. Le code du front-end et de l’API vous est fourni depuis ce repo.
• Mettre en place un plan de test d’acceptation à partir de ce template que nous avons pour habitude d’utiliser.

Pour plus de précisions, voici les spécifications techniques et fonctionnelles du projet. Tu pourras y trouver tous les détails de celui-ci, les attentes pour chaque page du site web et les détails de l’API.

Comment exécuter ce projet

1 - Cloner ce repo dans votre ordinateur avec la commande

git clone https://github.com/tem-ctrl/oc_p5_kanap.git

2 - Ouvrir un terminal dans le dossier du projet puis naviger vers le dossier back en faisant

cd back

3 - Installer les modules requis

npm install

4 - Démarrer le serveur

npm start

5 - Ouvrir le fichier index.html du dossier front dans un navigateur.