Online-Marktplatz für Gemüse und Obst (VegFru)
Willkommen beim Online-Marktplatz für Gemüse und Obst! Diese Plattform soll Kunden mit nahegelegenen Anbietern verbinden, die frisches Obst und Gemüse verkaufen. Mit einer benutzerfreundlichen Oberfläche können Kunden auf einer Karte nach Anbietern suchen, Produktlisten anzeigen und Bestellungen sicher über ein Zahlungsgateway aufgeben.
Klicken Sie hier, um den Ablauf von VegFru anzusehen
Note: Fully Mobile Responsive
App-Funktionen:
| Kundenfunktionen | Anbieterfunktionen – Erstellen und verwalten Sie Ihren Shop |
|---|---|
| 1. Suchen Sie auf einer Karte nach Anbietern in der Nähe: - Finden Sie mithilfe einer interaktiven Kartenoberfläche ganz einfach Anbieter in der Nähe. | 1. Shop-Erstellung: Anbieter können ihren Online-Shop innerhalb der Plattform erstellen und anpassen. Sie können den Laden mit Branding, Logos und Ladeninformationen einrichten. |
| 2. Zeigen Sie Anbieterprofile und Produktlisten auf der Karte an: - Greifen Sie auf detaillierte Lieferantenprofile zu und durchsuchen Sie Produktlisten direkt in der Kartenoberfläche. | 2. Bestandsverwaltung: Anbieter greifen auf ein robustes Dashboard für eine effiziente Bestandsverwaltung zu. Sie können Produktlisten hinzufügen, bearbeiten oder entfernen, Mengen aktualisieren und Preise festlegen. |
| 3. Bestellungen aufgeben und sicher über Stripe bezahlen: – Geben Sie mithilfe des robusten und sicheren Stripe-Zahlungsgateways nahtlos Bestellungen für gewünschte Produkte von Anbietern auf. | 3. Auftragsabwicklung: Lieferanten können Bestellungen effizient verwalten, Details überprüfen und Lieferungen direkt über das Dashboard vorbereiten. |
| 4. Bestellungen in Echtzeit verfolgen: - Verfolgen Sie den Bestellstatus, die Details und die Zahlungen in Echtzeit von der Bestätigung bis zur Lieferung. | 4. Einblicke: Anbieter erhalten Zugriff auf Tageseinnahmen, Kundensummen und Bestelldaten und liefern so wertvolle Geschäftseinblicke, die beim Verständnis der Filialleistung helfen. |
| 5. E-Mail-Bestätigung nach erfolgreicher Bestellung: - Erhalten Sie sofort nach erfolgreicher Bestellung eine E-Mail-Bestätigung. |
Verwendete Technologien
Dieses Projekt basiert auf modernen Webtechnologien, darunter:
| Technologie | Auswahlmöglichkeiten |
|---|---|
| Frontend | ReactJS/NextJS |
| UI-Framework | ChakraUI/Rückenwind |
| Backend | NodeJs/ExpressJS |
| Datenbank | MongoDB |
| Containerisierung | Docker |
| Ortungsdienste | Mapbox API (Standortbasierte Suche, Kartenintegration, Richtungs-API, Entfernungs-API) |
| Zahlungsgateway | Streifenkasse |
| Caching | Redis (Um DB-Anfragen zu reduzieren, die Leistung zu optimieren und die Antwortzeit zu verkürzen) |
| Ratenbegrenzung | Wird zur Steuerung der Anforderungsraten verwendet und als Middleware in ExpressJS implementiert, um übermäßige Anforderungen zu verhindern und die Serverstabilität sicherzustellen |
| Webhooks | Wird zum Speichern von Zahlungsdetails in der Datenbank verwendet |
| E-Mail-Benachrichtigungen | Wird über den Gmail-SMTP-Server und Nodemailer gesendet |
| Zugriffstoken und Aktualisierungstoken | Implementiert mit Axios-Interceptoren für eine verbesserte Benutzererfahrung |
Clientseitige Screenshots
Screenshots der Anbieterseite
Kontakt
Wenn Sie Fragen oder Feedback haben, kontaktieren Sie mich bitte unter [email protected], besuchen Sie meine Website: Klicken Sie hier. Wir würden uns freuen, von Ihnen zu hören!
