FAURE BRYCE

Étudiant en BTS SIO

Projet de stage n°3

Ce projet consistait à créer un site web e-commerce complet en MVC avec du HTML, CSS et PHP sans Framworck. Ce projet nous a été demandé en première année de BTS, mais il a évolué tout au long de notre apprentissage et il a été réalisé seul :

La page accueil

La page d'accueil présente la liste des produits avec un système de pagination. On peut également voir la bar de navigation qui nous affiche les différentes catégories qui sont ici les types d'écran et également une barre de recherche qui nous permet de chercher un produit via son libelle ou son modèle.

Page du détail d'un produit

Si on clique sur le bouton "voir +" de la page précédente, on arrive sur la page de détail du produit. On peut voir toutes les informations sur ce produit et on peut également commander le produit et sélectionné la quantité que l'on veut. C'est évidemment limité à la quantité maximum de produit en stock. La commande d'un produit n'est possible que si l'utilisateur est connecté.

Page du panier

La page du panier montre tout les produit du panier de l'utilisateur connecté. On peut changer la quantité que l'on veut commander avec les boutons "+" et "-". Une fois que notre panier est complet, on peut alors commander son contenu et choisir son moyen de paiement (ici, il est fictif).

Page du compte et de l'historique

La page du compte montre les informations du compte de l'utilisateur connecté que l'on peux modifier et permet de se rendre sur la page de son historique où l'on peut voir toutes ses commandes et leurs détails.

Page d'incription et de connexion

J'en ai déjà parlé avant, mais pour faire certaines actions l'utilisateur doit être connecté ou créer un compte. Donc voici les deux formulaires de connexion et d'inscription.

Panel administrateur

Pour le panel administrateur la navigation n'est plus la même et permet d'interagir avec tout les élément de la base de données. Pour tout les onglés, on peut voir la liste de tous les éléments présents par exemple ici les produits et on peut soit modifier un élément existent soit en ajouté un.