Orinoco

Création d’un site e-commerce

Ma mission

Développer le frontend d’une application de vente en ligne.

chnologies utilisées

Html5
Css3
Sass
Javascript
Git/Github

Le projet

Composition du site

  • une page d’accueil
  • une page descriptive pour chaque produit
  • 1 page panier
  • 1 page de confirmation de commande

La page d’accueil

Pour réaliser ce site de e-commerce, j’ai dans un premier temps récupéré les données des produits à mettre en vente depuis une API.

A la connexion sur le site, la page d’accueil nous affiche les différents oursons disponibles, sous forme de cartes.

Les pages produits

Au clic sur l’une des cartes, une page produit apporte des informations plus détaillées. Elle offre également la possibilité de choisir la couleur de l’ourson et de l’ajouter au panier.

La page panier

Dans la barre de navigation du site, un lien permet de consulter son panier à tout moment.

Cette page offre un récapitulatif des articles commandés, le prix total et le formulaire de commande

Récapitulatif de commande

Une fois la commande passée, une page de confirmation récapitule la commande faite et offre la possibilité de retourner à la page d’accueil du site.

Tests unitaires

Pour vérifier le bon fonctionnement des différentes étapes de l’application, j’ai rédigé un plan de tests unitaires où sont détaillés :

  • les différents points à tester : les actions demandées.
  • la façon dont doit se comporter l’application : les résultats attendus.