✍️ adminApp
adminApp est une application de commerce électronique MERN stack (uniquement côté administrateur).
⚛️ Piles technologiques utilisées
Principales caractéristiques
- Entièrement réactif et convivial
- Mode sombre et clair
- Zone de notification
- Ajouter, mettre à jour et supprimer des produits
- Créer, mettre à jour et supprimer des catégories
- Enregistrer, mettre à jour et supprimer du personnel
- Rechercher du personnel (par nom, e-mail et numéro de téléphone)
- créer, mettre à jour et supprimer des coupons
- Importer et exporter des produits, des catégories, des coupons et des clients
- Télécharger les commandes
- Rechercher et filtrer les commandes par leur :
- Statut (livré, en attente, en traitement et annulé)
- Date de début et de fin
- Nom du client et
- Limites de commande
- Ajouter, mettre à jour, supprimer et rechercher des langues et devises internationales
- Un paramètre pour contrôler l'administrateur et le magasin.
- Tous les clients enregistrés répertorient et affichent le total de leurs commandes individuellement.
- PWA ajoutée
- Traduction dynamique de toutes les données dynamiques, telles que les produits, les catégories, les attributs et les coupons.
- Attributs du produit et combinaison.
- Et plus encore, y compris toutes les validations nécessaires
Mise en route et installation
- Installer Node et npm
- Forkez le projet
- ouvrez le projet dans votre éditeur de code préféré
Installation du back-end
Accédez au répertoire adminApp-backend , puis exécutez la commande suivante pour installer les dépendances ? :
Configurez votre base de données MongoDB. après la configuration, vous trouverez un URI mongo, mettez-le simplement dans votre fichier .env variable MONGO_URI.
Une fois que vous vous êtes connecté avec succès à MongoDB et configuré .env , puis exécutez npm run data:import , il exécutera le fichier seed.js et importera toutes les données de démonstration sur la base de données. Si tout va bien, la configuration du backend est terminée. Vous trouverez maintenant toutes les données de démonstration dans votre base de données MongoDB.
Maintenant, exécutez npm run dev , il exécutera votre backend sur le serveur local sur le PORT 5055 ou votre PORT d'entrée.
Installation administrateur
- Accédez au répertoire adminApp-admin , puis exécutez la commande suivante pour installer les dépendances ? :
- Créez un compte cloudinaire. Ensuite, récupérez votre nom de cloud, API_KEY et API_SECRET. Une fois que vous avez terminé, copiez et collez ces valeurs dans les lignes REACT_APP_CLOUD_NAME, REACT_APP_CLOUDINARY_API_KEY et REACT_APP_CLOUDINARY_API_SECRET respectivement à partir du fichier .env.local .
- Maintenant, exécutez
npm start , il exécutera votre adminApp sur le serveur local sur http://localhost:4000
Visitez adminApp
Problèmes
Si vous rencontrez des problèmes lors de l'installation ou de l'utilisation de l'application, veuillez ouvrir un problème avec la balise « amélioration ».
Remarque : Assurez-vous de parcourir les problèmes existants pour vérifier si le problème existe déjà.
Contribution
Toutes les contributions que vous apportez sont grandement appréciées . Si vous avez une suggestion pour améliorer cette application, veuillez :
- Forkez le dépôt
- Créez votre branche de fonctionnalités
- Validez vos modifications
- Pousser vers la succursale
- Ouvrir une demande de tirage
Vous pouvez aussi simplement ouvrir une discussion ou un ticket avec le tag « amélioration ».
Crédits images
- Unsplash – https://unsplash.com
- Pexels – https://pexels.com
- Pngwing – https://www.pngwing.com/
- Instacart – https://instacart.ca
? Si vous aimez ce projet, donnez-lui un et partagez-le avec vos amis !
