megamart ecommerce

Site Web de commerce électronique Megamart

Bienvenue sur mon site Web de commerce électronique React Redux! Ce projet est une solution de commerce électronique complète construite avec React, Redux, Redux-Toolkit et diverses autres technologies. Que vous soyez un développeur qui cherche à contribuer, un propriétaire d'entreprise intéressé par ma plate-forme, ou tout simplement un utilisateur curieux, cette lecture vous guidera à travers les détails essentiels de mon projet.

Table des matières

• Caractéristiques
• Technologies utilisées
• Installation
• Usage
• Contributif
• Licence

Caractéristiques

Mes fonctionnalités de site Web de commerce électronique React Redux Megamart:

• Catalogue de produits: parcourez et recherchez des produits dans différentes catégories.
• Authentification utilisateur: enregistrez-vous, connexion et gérez votre profil utilisateur.
• Panier: ajouter et supprimer les articles de votre panier, mettre à jour les quantités et procéder à la caisse.
• Gestion des commandes: afficher et gérer l'historique de votre commande.
• Panneau d'administration: une interface d'administration pour la gestion des produits, des catégories et des commandes.
• Conception réactive: une interface utilisateur adaptée aux mobiles pour une expérience d'achat transparente sur tous les appareils.
• Intégration des paiements: traitement des paiements sécurisés pour terminer les commandes.

Technologies utilisées

• React: une bibliothèque JavaScript populaire pour la construction d'interfaces utilisateur.
• Redux: une bibliothèque de gestion d'État pour l'état d'application prévisible.
• Routeur React: pour gérer la navigation dans l'application. Ce routeur React que j'utilise (React-Router-Dom) v6.
• Node.js: un runtime JavaScript pour la construction de la côté du serveur de l'application.
• Express.js: un cadre d'application Web pour la création d'API RESTful.
• Mongoose: Mongoose est une bibliothèque de modélisation des données d'objet (ODM) pour MongoDB.
• Stripe: Intégration de traitement des paiements pour les transactions sécurisées.
• TailwindCSS: pour styliser l'interface utilisateur.

Installation

Pour commencer avec mon site Web de commerce électronique React Redux, suivez ces étapes:

1. Clone ce référentiel à votre machine locale à l'aide de Git.

   git clone https://github.com/sksabbirhossain/megamart-ecommerce.git

2. Passer au répertoire du projet.

    cd megamart-ecommerce

3. Installez les dépendances du serveur. (utilisation recommandée)

   yarn install

   Ou,

   npm install

4. Créez un fichier .env ou renommez .env.dev à .env et ajoutez votre propre configuration en fonction du fichier .env.dev fourni.

5. Démarrez le serveur de développement à l'aide de cette commande.

   yarn start

   Ou

   npm start

6. Accédez à l'application dans votre navigateur Web sur http://localhost:3000 .

Usage

• Visitez le site Web déployé ou exécutez le serveur de développement (comme décrit dans les instructions d'installation) pour accéder à l'application.
• Enregistrez un compte ou connectez-vous pour commencer à faire du shopping.
• Explorez le catalogue de produits, ajoutez des articles à votre panier et complétez les commandes.

Si vous êtes administrateur, accédez au panneau d'administration pour gérer les produits, les catégories et les commandes.

1. Accédez à cette URL et connectez-vous en tant qu'administrateur

   http://localhost:3000/admin

2. Connectez-vous à votre compte d'administration en utilisant ces informations.

   email: [email protected]
   password: 1111

Si vous vous connectez avec succès en tant qu'administrateur, vous pouvez tout gérer.

Contributif

Si vous avez des suggestions sur ce qui doit améliorer ce site Web, veuillez faire un problème partager vos idées et créer votre demande de traction.

Licence

Ce projet est autorisé sous la licence du MIT. N'hésitez pas à l'utiliser, à le modifier et à le distribuer conformément aux termes de la licence.

Profitez de votre expérience de magasinage avec mon site Web de commerce électronique Megamart! Si vous avez des questions ou rencontrez des problèmes, veuillez créer un problème ou me contacter.

Le code côté serveur est là.

    https://github.com/sksabbirhossain/megamart-ecommerce-server.git