Marché en ligne de légumes et de fruits (VegFru)
Bienvenue sur le projet de marché en ligne de légumes et de fruits ! Cette plateforme est conçue pour mettre en relation les clients avec des vendeurs de fruits et légumes frais à proximité. Grâce à une interface facile à utiliser, les clients peuvent rechercher des fournisseurs sur une carte, afficher des listes de produits et passer des commandes en toute sécurité via une passerelle de paiement.
Cliquez ici pour voir le flux de VegFru
Note: Fully Mobile Responsive
Fonctionnalités de l'application :
| Caractéristiques client | Fonctionnalités du fournisseur - Créez et gérez votre boutique |
|---|---|
| 1. Recherchez des fournisseurs à proximité sur une carte : - Localisez facilement les fournisseurs à proximité à l'aide d'une interface cartographique interactive. | 1. Création de boutique : les fournisseurs peuvent créer et personnaliser leur boutique en ligne au sein de la plateforme. Ils peuvent configurer le magasin avec la marque, les logos et les informations du magasin. |
| 2. Affichez les profils de fournisseurs et les listes de produits sur la carte : - Accédez aux profils détaillés des fournisseurs et parcourez les listes de produits directement dans l'interface de la carte. | 2. Gestion des stocks : les fournisseurs accèdent à un tableau de bord robuste pour une gestion efficace des stocks. Ils peuvent ajouter, modifier ou supprimer des listes de produits, mettre à jour les quantités et définir les prix. |
| 3. Passez des commandes et payez en toute sécurité via Stripe : - Passez en toute transparence des commandes pour les produits souhaités auprès des fournisseurs à l'aide de la passerelle de paiement Stripe robuste et sécurisée. | 3. Traitement des commandes : les fournisseurs peuvent gérer efficacement les commandes, examiner les détails et préparer les livraisons directement à partir du tableau de bord. |
| 4. Suivez les commandes en temps réel : - Suivez l'état, les détails et les paiements de la commande en temps réel, de la confirmation à la livraison. | 4. Informations : les fournisseurs ont accès aux revenus quotidiens, aux totaux des clients et aux données de commande, fournissant ainsi des informations commerciales précieuses qui aident à comprendre les performances du magasin. |
| 5. Confirmation par e-mail après une commande réussie : - Recevez un e-mail de confirmation immédiatement après avoir passé une commande avec succès. |
Technologies utilisées
Ce projet est construit à l'aide de technologies Web modernes, notamment :
| Technologie | Choix |
|---|---|
| L'extrémité avant | ReactJS/NextJS |
| Cadre d'interface utilisateur | ChakraUI/Vent arrière |
| Back-end | NodeJs/ExpressJS |
| Base de données | MongoDB |
| Conteneurisation | Docker |
| Services de localisation | API Mapbox (recherches basées sur la localisation, intégration de cartes, API de direction, API de distance) |
| Passerelle de paiement | Paiement à rayures |
| Mise en cache | Redis (pour réduire les requêtes de base de données, optimiser les performances et réduire le temps de réponse) |
| Limitation du débit | Utilisé pour contrôler les taux de requêtes, implémenté en tant que middleware dans ExpressJS pour éviter les requêtes excessives et garantir la stabilité du serveur |
| Webhooks | Utilisé pour enregistrer les détails du paiement dans la base de données |
| Notifications par courrier électronique | Envoyé via le serveur SMTP Gmail et Nodemailer |
| Jeton d'accès et jeton d'actualisation | Implémenté avec les intercepteurs Axios pour une expérience utilisateur améliorée |
Captures d'écran côté client
Captures d'écran côté fournisseur
Contact
Si vous avez des questions ou des commentaires, veuillez me contacter à [email protected], visitez mon site Web : cliquez ici. Nous serions ravis d'avoir de vos nouvelles !
