Kuchenlieferungswebsite
Einführung
Die Cake Delivery-App ist eine mit .NET 0.8 für Backend, Web APIs, SQL für die Datenbankverwaltung erstellte Webanwendung in Full-Stack-Webanwendung. Mit der App können Kunden einen Kuchenkatalog durchsuchen, Bestellungen anpassen und sichere Bestellungen mit automatischer Standorterkennung aufgeben. Das System enthält außerdem ein Administrator -Panel zum Verwalten von Kuchen, Kategorien, Kunden und Benutzern, die sowohl Kunden als auch Administratoren eine reibungslose Erfahrung bieten.
Merkmale
Kunden App
Kuchenkatalog
Kunden können eine breite Palette von Kuchen erkunden, die nach Kategorien organisiert sind, um den perfekten Kuchen leicht zu finden.
Anpassung bestellen
Kunden können ihre Bestellungen personalisieren, indem sie bestimmte Kuchengrößen und Mengen auswählen, und diese individuellen Kuchen vor dem Auschecken in ihren Warenkorb für eine einfache Verwaltung hinzufügen.
Standort automatische Erkennung
Mit der Integration der Blätterreaktionen erkennt die App den Kundenstandort während der Kasse automatisch und vereinfacht den Prozess, indem die Notwendigkeit der manuellen Eingabe von Adressen, insbesondere nützlich für mobile Benutzer, beseitigt wird.
Sichern Sie die Kasse
Der Checkout-Prozess sammelt wichtige Kundenkontaktdaten, Zahlungsinformationen und bestätigt die automatische Lieferadresse, um ein reibungsloses und sicheres Bestellerlebnis zu gewährleisten.
Feedback -System
Nach Abschluss einer Bestellung sind Kunden eingeladen, Feedback zu ihren Erfahrungen zu hinterlassen. Diese Bewertungen werden auf der Homepage angezeigt, sodass neue Besucher echte Testimonials anderer Kunden anzeigen können.
Dynamische Homepage
- Kürzlich hinzugefügte Kuchen : Markiert die neuesten Ergänzungen des Katalogs und ermutigt die Kunden, wieder neue Optionen zu erkunden.
- Kundenfeedback und Testimonials : Zeigt ein echtes Feedback von Kunden an, fügt Glaubwürdigkeit hinzu und hilft neuen Benutzern, fundierte Entscheidungen zu treffen.
- Kontaktinformationen : Wesentliche Kontaktdaten werden prominent angezeigt, sodass Kunden die Kunden mit Fragen oder Sonderanfragen konfrontiert haben.
Admin -Panel
- Die Administratoranmeldeseite bietet einen sicheren Anmeldezugriff auf das Administratorbereich, um sicherzustellen, dass nur autorisierte Benutzer die Daten und Funktionen der App verwalten können.
- Das Dashboard-Übersicht Das Admin-Dashboard bietet eine kurze Zusammenfassung der Verkäufe für die Woche, sodass Administratoren die Geschäftsleistungskennzahlen auf einen Blick sehen, Trends identifizieren und datengesteuerte Entscheidungen treffen können.
- Kuchenmanagement Eine dedizierte Kuchenseite bietet Administratoren die Möglichkeit, Kuchen aus dem Katalog anzusehen, hinzuzufügen, zu aktualisieren oder zu entfernen. Aktienmengekontrolle: Administratoren können die Menge jedes Kuchens auf Lager anpassen, um die genaue Verfügbarkeit für Kunden zu gewährleisten.
- Kategoriemanagement Die Seite Kategorien organisiert Kuchen in Klassifizierungen (z. B. Geburtstag, Jubiläum, Unkräuter ..) und erleichtert den Kunden den Kunden zum Navigieren. Administratoren können neue Kategorien hinzufügen, vorhandene bearbeiten oder veraltete löschen.
- Kundenmanagement- Administratoren können auf eine vollständige Liste von Kunden zugreifen, die Bestellungen erteilt haben, einen Einblick in das Kundenverhalten geben und ihnen ermöglichen, alle ontospezifischen Anfragen oder Probleme anzugehen.
- Benutzerverwaltungsadministratoren können neue Benutzerkonten für zusätzliche Mitarbeiter erstellen, vorhandene Benutzerinformationen verwalten und E -Mail -Adressen aktualisieren oder bei Bedarf Passwörter zurücksetzen, um einen reibungslosen und sicheren Systembetrieb sicherzustellen.
Technologien verwendet
Datenbank
- Datenbank: Microsoft SQL Server mit ado.net.
Frontend
- Build -Tool: VITE für effizientes Projektgebäude.
- React -Abfrage: Für das Remote -Statusverwaltung und das Abholen von Daten.
- Kontext -API für UI -Staatsmanagement.
- React Router: Routing implementieren.
- Tailwindcss: Zum Styling.
- React Hook Form zum Verwalten von Formularen.
- LEBREISE: Bibliothek für Diagramme, um Statistiken anzuzeigen.
- React-HOT-Toast: Für Toastbenachrichtigungen.
- React-ICons: für UI-Ikonen.
Backend
Controller:
- Organisieren und bearbeiten HTTP -Anfragen nach Ressourcen (z. B. Kuchen, Bestellungen).
- Definieren Sie CRUD -Aktionen über HTTP -Methoden (erhalten Sie, posten, löschen).
Modelle/DTOs:
- Definieren Sie Datenstrukturen, um die Datenübertragung von Client-Server zu optimieren.
HTTP -Methoden:
- Get: Ressourcen abrufen (z. B. Liste der Kuchen).
- Beitrag: Erstellen Sie neue Ressourcen (z. B. eine Bestellung einreichen).
- Put: Aktualisieren Sie vorhandene Ressourcen (z. B. Kuchendetails).
- Löschen: Ressourcen entfernen (z. B. einen Kuchen löschen).
Statuscodes:
- 200 OK: Erfolgreiches Datenabruf/Update.
- 201 Erstellt: Ressourcenerstellung erfolgreich.
- 204 Kein Inhalt: Ressource erfolgreich gelöscht.
- 400 Schlechte Anfrage: Ungültige Daten empfangen.
- 404 Nicht gefunden: Ressource existiert nicht.
Validierung:
- Stellt sicher, dass eingehende Daten genau und sicher sind.
- Modellattribute und benutzerdefinierte Logik erzwingen die Datenanforderungen.
Live -Demo
Klicken Sie auf mich!
