Le projet a été préparé par Abdellatif EL-MAHDAOUI, Mohamad Amine Koné et Zhang Clément.
eShop.fr est une plateforme de commerce électronique conçue pour offrir une expérience utilisateur fluide tant aux clients qu'aux visiteurs. Le site propose une gamme de fonctionnalités allant de la navigation des produits à la gestion des commandes et des utilisateurs.
Le site web est accessible via le lien suivant : eshop-fr.online.
La page d'accueil offre aux utilisateurs et aux visiteurs une vue sur les derniers produits ainsi que les fonctionnalités du site. Le contenu du header et du footer est dynamiquement généré en fonction des catégories et du type d'utilisateur.
Les utilisateurs peuvent créer un compte en remplissant un formulaire simple. Un email de vérification est envoyé pour activer le compte.
Les utilisateurs peuvent modifier leur profil, y compris leur image de profil.
Les utilisateurs peuvent naviguer à travers les catégories de produits, ajouter des articles à leur panier et passer des commandes.
Les utilisateurs peuvent visualiser et modifier le contenu de leur panier, ainsi que procéder au paiement (Carte bancaire ou PayPal).
L'administrateur a accès à un tableau de bord offrant un aperçu des activités récentes, des statistiques sur les clients et les commandes, ainsi que des paramètres du site. De plus, l'administrateur peut également modifier, ajouter et supprimer des produits et des catégories du catalogue. Il a la possibilité d'importer et de télécharger le catalogue au format CSV pour une gestion efficace des produits.
Le projet repose sur une combinaison de technologies pour assurer son bon fonctionnement :
- HTML (HyperText Markup Language) 🌐 : Utilisé pour la structure et la présentation des pages web. En savoir plus sur HTML
- CSS (Cascading Style Sheets) 🎨 : Utilisé pour la mise en forme et la stylisation des éléments HTML. En savoir plus sur CSS
- JavaScript ⚙️ : Utilisé pour rendre le site web interactif, notamment avec l'utilisation d'Ajax pour des requêtes asynchrones. En savoir plus sur JavaScript
- jQuery 📦 : Bibliothèque JavaScript utilisée pour simplifier l'écriture de scripts côté client. En savoir plus sur jQuery
- PHP 🖥️ : Utilisé pour la logique côté serveur, notamment pour la gestion des formulaires, des sessions et des interactions avec la base de données. En savoir plus sur PHP
- PHPMailer 📧 : Bibliothèque PHP utilisée pour l'envoi d'e-mails à partir du serveur web. En savoir plus sur PHPMailer
- MySQL 🗃️ : Système de gestion de base de données relationnelle utilisé pour stocker et gérer les données du site web. En savoir plus sur MySQL
- Ajax 🔄 : Technique de développement web utilisée pour effectuer des requêtes asynchrones au serveur web sans recharger la page entière. En savoir plus sur Ajax
- Bootstrap 📐 : Framework CSS utilisé pour la conception de mises en page réactives et la conception de l'interface utilisateur. En savoir plus sur Bootstrap
Ces technologies ont été sélectionnées pour offrir une expérience utilisateur dynamique, réactive et sécurisée sur le site web.
Ces technologies ont été sélectionnées pour offrir une expérience utilisateur dynamique, réactive et sécurisée sur le site web.
- Clonez le dépôt GitHub :
git clone https://github.com/abdemeh/eshop.fr.git - Déployez les fichiers sur un serveur web (WAMP par exemple).
- Configurez les paramètres de connexion à la base de données (Utiliser root sans mot de passe pour les tests). Vous allez trouver les fichiers de sql dans le dossier sql.
- Changer les paramètres SMTP (Depuis la page admin ou utilisant config.json)
Nous tenons à remercier toute l'équipe pour son travail acharné et sa collaboration sur ce projet.