Ce projet e-commerce a été conçu comme un exercice de développement full-stack pour un projet de cours. Le site web vise à vendre des montres de luxe telles que Rolex, Hublot, et Richard Mille. Le développement de ce site inclut à la fois le design et les fonctionnalités de back-end, ainsi que la gestion de la base de données.
dépôt GitHub.
Technologies Utilisées
- Front-end : HTML, CSS, JavaScript
- Back-end : PHP
- Base de Données : MySQL
Pages Principales
index.php
: Page d’accueilacceuil.php
: Page d’accueil alternativeabout.php
: Page “À propos”register.php
: Page d’inscriptionlogin.php
: Page de connexionprofil.php
: Page de profil utilisateurpanier.php
: Page du panierpayment.php
: Page de paiementcommandes.php
: Page des commandescommandeUser.php
: Page de commandes utilisateursuivre.php
: Page de suivi des commandesdeconnexion.php
: Page de déconnexion
Administration
admistration.php
: Page d’administrationajoutProduit.php
: Page d’ajout de produitsajoutMarque.php
: Page d’ajout de marquesedit.php
: Page de modificationmiseAJour.php
: Page de mise à jour des informationsmodifierUtilisateur.php
: Page de modification des utilisateursafficherProduit.php
: Page d’affichage des produitsafficherProduitA.php
: Page d’affichage des produits (admin)ajouterPanier.php
: Page d’ajout au paniersupprimerPanier.php
: Page de suppression du panier
Includes
config.php
: Fichier de configurationfonction.php
: Fichier de fonctions utilitaires
Public
footer.php
: Pied de pageheader.php
: En-têtenavbar.php
: Barre de navigation
Base de Données
- Fichier SQL :
mywatch (1).sql
pour la création et la population de la base de données - Tables principales : utilisateurs, produits, marques, commandes, paniers
Assets
- Images : Logo, captures d’écran, images des produits
- Vidéos : Vidéo promotionnelle d’Omega
Fonctionnalités Clés
- Système d’authentification des utilisateurs
- Gestion des produits et des marques
- Ajout et suppression de produits au panier
- Suivi des commandes
- Interface d’administration pour la gestion des produits et des utilisateurs
Démonstration
Pour une vue d’ensemble du projet, des captures d’écran ont été incluses dans le dossier assets/images
, montrant différentes pages et fonctionnalités du site.
Conclusion
Ce projet e-commerce démontre une compétence complète en développement full-stack, de la conception de l’interface utilisateur à la mise en œuvre des fonctionnalités de back-end et de la base de données.
Lien GitHub
Pour accéder au code source complet de ce projet, visitez le dépôt GitHub.
config.php
if (isset($_GET['id']))
$product_id = $_GET['id'];
$query = "SELECT * FROM produits WHERE id = $product_id";
$result = mysqli_query($conn, $query);
$product = mysqli_fetch_assoc($result);
if ($product) {
$item = [
'id' => $product['id'],
'nom' => $product['nom'],
'prix' => $product['prix'],
'quantite' => 1
];
if (isset($_SESSION['panier'])) {
$panier = $_SESSION['panier'];
$product_ids = array_column($panier, 'id');
if (in_array($product_id, $product_ids)) {
foreach ($panier as &$item) {
if ($item['id'] == $product_id) {
$item['quantite']++;
break;
}
}
} else {
$panier[] = $item;
}
} else {
$panier = [$item];
}
$_SESSION['panier'] = $panier;
}