Note sur le projet : Ce site a été initialement conçu lors d'un projet transversal en groupe à l'EPSI. J'ai par la suite repris l'intégralité du projet pour corriger les erreurs, optimiser le code et finaliser l'interface utilisateur afin d'obtenir un résultat professionnel (Utilisation de antigravity pour m'aider à corriger les erreurs et optimiser le code).
Dans le cadre de ce projet d'équipe, je me suis occupé des piliers suivants :
- Design & Frontend : Création de l'identité visuelle (inspirée de l'EPSI) et intégration de l'interface utilisateur pour toutes les pages (Accueil, Contact, Panier, etc.).
- Base de Données (BDD) : Conception, création et gestion de la base de données locale sous XAMPP, incluant la gestion des relations entre les tables.
- Backend (Partiel) : Développement des fonctionnalités liées à l'authentification (inscription/connexion) et à la gestion dynamique du panier et des commandes.
EPSI Tech est une boutique en ligne spécialisée dans le matériel informatique. Le site permet aux utilisateurs de naviguer entre différentes catégories (PC Bureau, PC Portables, Téléphones) et de passer commande.
- Gestion Client : Inscription et connexion avec sécurisation des données (hachage des mots de passe).
- Catalogue Dynamique : Affichage des produits répartis en trois catégories distinctes : ordinateurs de bureau, ordinateurs portables et téléphones.
- Système de Panier : Ajout d'articles, modification des quantités et calcul du total avant paiement.
- Validation de Commande : Envoi automatique des informations de transaction vers la base de données.
- Langages : PHP (Backend), HTML5 / CSS3 (Design & Frontend) / JavaScript.
- Base de Données : MySQL (via XAMPP).
- Outils : VS Code, phpMyAdmin.
Le projet repose sur trois tables MySQL interconnectées :
users: Stockage des profils utilisateurs (admin et clients).article: Gestion du stock, des prix et des images des produits.commandes: Historique et suivi des achats effectués sur le site.
| Accueil | Catalogue | Fiche Produit |
|---|---|---|
![]() |
![]() |
![]() |
| Mon Panier | Table des Articles | Table des Utilisateurs |
|---|---|---|
![]() |
![]() |
![]() |
- Cloner ce dépôt dans votre dossier
htdocs. - Démarrer les modules Apache et MySQL via le panneau de contrôle XAMPP.
- Importer le fichier
.sql(disponible dans le dossiersql/ou à la racine) dans phpMyAdmin. - Lancer le projet via l'URL :
http://localhost/EPSI-Tech/.





