Site Web de livraison de gâteaux
Introduction
L'application de livraison de gâteaux est une application Web complète construite en utilisant .NET 0.8 pour le backend, les API Web, SQL pour la gestion des bases de données et réagir pour le frontend. L'application permet aux clients de parcourir un catalogue de gâteaux, de personnaliser les commandes et de passer des commandes sécurisées avec une détection de localisation automatisée. Le système comprend également un panneau d'administration pour gérer les gâteaux, les catégories, les clients et les utilisateurs, offrant une expérience fluide aux clients et aux administrateurs.
Caractéristiques
Application client
Catalogue de gâteaux
Les clients peuvent explorer une large gamme de gâteaux organisés par les catégories, ce qui facilite la recherche du gâteau parfait.
Personnalisation des commandes
Les clients peuvent personnaliser leurs commandes en sélectionnant des tailles et des quantités de gâteaux spécifiques, puis ajouter ces gâteaux personnalisés à leur panier pour une gestion facile avant le départ.
Emplacement Auto-détection
Avec l'intégration React React, l'application détecte automatiquement l'emplacement du client lors du paiement, en simplifiant le processus en éliminant la nécessité d'entrer manuellement les adresses, particulièrement utiles pour les utilisateurs mobiles.
Accueil sécurisé
Le processus de paiement rassemble les coordonnées des clients essentiels, les informations de paiement et confirme l'adresse de livraison détectée automatique, garantissant une expérience de commande fluide et sécurisée.
Système de rétroaction
Après avoir terminé une commande, les clients sont invités à laisser des commentaires sur leur expérience. Ces avis sont affichés sur la page d'accueil, permettant aux nouveaux visiteurs de visualiser de vrais témoignages d'autres clients.
Page d'accueil dynamique
- Des gâteaux récemment ajoutés : met en évidence les nouveaux ajouts au catalogue, encourageant les clients à retourner et à explorer de nouvelles options.
- Commentaires et témoignages des clients : affiche des commentaires réels des clients, en ajoutant de la crédibilité et en aidant les nouveaux utilisateurs à prendre des décisions éclairées.
- Les coordonnées : les coordonnées essentielles sont affichées en évidence, ce qui permet aux clients de contacter facilement avec des questions ou des demandes spéciales.
Panneau d'administration
- La page de connexion Admin offre un accès de connexion sécurisé au panneau d'administration, garantissant que seuls les utilisateurs autorisés peuvent gérer les données et les fonctionnalités de l'application.
- Présentation du tableau de bord Le tableau de bord de l'administrateur fournit un résumé rapide des ventes pour la semaine, permettant aux administrateurs de voir les mesures de performances commerciales en un coup d'œil, d'identifier les tendances et de prendre des décisions basées sur les données.
- Gestion des gâteaux Une page de gâteaux dédiée donne aux administrateurs la possibilité d'afficher, d'ajouter, de mettre à jour ou de supprimer les gâteaux du catalogue. Contrôle de la quantité de stock: Les administrateurs peuvent ajuster la quantité de chaque gâteau en stock pour assurer une disponibilité précise pour les clients.
- Gestion des catégories La page des catégories organise les gâteaux en classifications (par exemple, anniversaire, anniversaire, mauvaises herbes ..), ce qui facilite la navigation pour les clients. Les administrateurs peuvent ajouter de nouvelles catégories, modifier celles existantes ou supprimer celles obsolètes.
- Les administrateurs de la gestion des clients peuvent accéder à une liste complète de clients qui ont passé des commandes, en fournissant un aperçu du comportement des clients et en leur permettant de résoudre les demandes ou problèmes spécifiques au compte.
- Les administrateurs de la gestion des utilisateurs peuvent créer de nouveaux comptes d'utilisateurs pour les membres du personnel supplémentaires, gérer les informations de l'utilisateur existantes et mettre à jour les adresses e-mail ou réinitialiser les mots de passe en cas de besoin, garantissant un fonctionnement système fluide et sécurisé.
Technologies utilisées
Base de données
- Base de données: Microsoft SQL Server avec ADO.NET.
L'extrémité avant
- Outil de construction: Vite pour un bâtiment de projet efficace.
- React Query: pour la gestion de l'état distant et la récupération des données.
- API de contexte pour la gestion de l'état d'interface utilisateur.
- Routeur React: pour implémenter le routage.
- TailwindCSS: pour le style.
- REACT HOK Form pour gérer les formulaires.
- Recharts: Library pour les graphiques pour montrer les statistiques.
- React-hot-toast: pour les notifications de toast.
- React-Icons: pour les icônes d'interface utilisateur.
backend
Contrôleurs:
- Organiser et gérer les demandes HTTP de ressources (par exemple, gâteaux, commandes).
- Définissez les actions CRUD via les méthodes HTTP (obtenir, publier, mettre, supprimer).
Modèles / DTO:
- Définissez les structures de données pour rationaliser le transfert de données client-serveur.
Méthodes HTTP:
- Obtenez: Récupérez les ressources (par exemple, liste des gâteaux).
- Post: Créez de nouvelles ressources (par exemple, soumettre une commande).
- Put: Mettez à jour les ressources existantes (par exemple, modifier les détails du gâteau).
- Supprimer: supprimer les ressources (par exemple, supprimer un gâteau).
Codes d'état:
- 200 OK: récupération / mise à jour des données réussies.
- 201 Créé: la création de ressources réussie.
- 204 Pas de contenu: ressources supprimées avec succès.
- 400 Mauvaise demande: données non valides reçues.
- 404 Non trouvé: la ressource n'existe pas.
Validation:
- S'assure que les données entrantes sont exactes et sécurisées.
- Attributs du modèle et logique personnalisée appliquer les exigences de données.
Démo en direct
Cliquez sur moi!
