Sitio web de entrega de pasteles
Introducción
La aplicación de entrega de pasteles es una aplicación web de pila completa creada con .NET 0.8 para el backend, las API web, SQL para la gestión de la base de datos y reaccionar por el frontend. La aplicación permite a los clientes explorar un catálogo de pasteles, personalizar pedidos y realizar pedidos seguros con detección de ubicación automatizada. El sistema también incluye un panel de administración para administrar pasteles, categorías, clientes y usuarios, proporcionando una experiencia sin problemas tanto para los clientes como para los administradores.
Características
Aplicación de clientes
Catálogo de pastel
Los clientes pueden explorar una amplia gama de pasteles organizados por categorías, lo que facilita la búsqueda del pastel perfecto.
Personalización de pedidos
Los clientes pueden personalizar sus pedidos seleccionando tamaños y cantidades específicos de pasteles, luego agregar estos pasteles personalizados a su carrito de compras para una fácil gestión antes de pagar.
Ubicación Auto detección
Con la integración de la reacción de folletos, la aplicación detecta automáticamente la ubicación del cliente durante el pago, simplificando el proceso al eliminar la necesidad de ingresar direcciones manualmente, especialmente útiles para usuarios móviles.
Pago seguro
El proceso de pago reúne los datos de contacto esenciales del cliente, la información de pago y confirma la dirección de entrega de detección automática, asegurando una experiencia de pedido sin problemas y seguros.
Sistema de retroalimentación
Después de completar un pedido, se invita a los clientes a dejar comentarios sobre su experiencia. Estas revisiones se muestran en la página de inicio, lo que permite a los nuevos visitantes ver testimonios reales de otros clientes.
Página de inicio dinámica
- Tortas agregadas recientemente : destaca las nuevas incorporaciones al catálogo, alentando a los clientes a regresar y explorar nuevas opciones.
- Comentarios y testimonios de los clientes : muestra comentarios reales de los clientes, agregando credibilidad y ayudando a los nuevos usuarios a tomar decisiones informadas.
- Información de contacto : los datos de contacto esenciales se muestran prominentemente, lo que facilita que los clientes se comuniquen con preguntas o solicitudes especiales.
Panel de administración
- La página de inicio de sesión de administrador proporciona acceso de inicio de sesión seguro al panel de administración, asegurando que solo los usuarios autorizados puedan administrar los datos y las funcionalidades de la aplicación.
- Descripción general del tablero El panel de administrador proporciona un resumen rápido de las ventas para la semana, lo que permite a los administradores ver las métricas de rendimiento del negocio de un vistazo, identificar tendencias y tomar decisiones basadas en datos.
- Cake Management Una página de pasteles dedicados ofrece a los administradores la capacidad de ver, agregar, actualizar o eliminar pasteles del catálogo. Control de cantidad de stock: los administradores pueden ajustar la cantidad de cada pastel en stock para garantizar una disponibilidad precisa para los clientes.
- Gestión de categorías La página Categorías organiza los pasteles en clasificaciones (por ejemplo, cumpleaños, aniversario, desmalezado ...), lo que facilita el catálogo para los clientes. Los administradores pueden agregar nuevas categorías, editar las existentes o eliminar las obsoletas.
- Los administradores de gestión del cliente pueden acceder a una lista completa de clientes que han realizado pedidos, proporcionando información sobre el comportamiento del cliente y permitiéndoles abordar cualquier consulta o problemas específicos de la cuenta.
- Los administradores de administración de usuarios pueden crear nuevas cuentas de usuario para los miembros adicionales del personal, administrar la información existente del usuario y actualizar las direcciones de correo electrónico o restablecer las contraseñas cuando sea necesario, asegurando una operación de sistema suave y segura.
Tecnologías utilizadas
Base de datos
- Base de datos: Microsoft SQL Server con ADO.NET.
Interfaz
- Herramienta de compilación: VITE para la construcción eficiente de proyectos.
- REACT Consuly: para la gestión de estados remotos y la obtención de datos.
- API de contexto para la gestión del estado de la interfaz de usuario.
- React Router: para implementar el enrutamiento.
- Tailwindcss: para el estilo.
- React Forma de gancho para gestionar formularios.
- RECARTAS: Biblioteca para gráficos para mostrar estadísticas.
- React-Hot-Toast: para notificaciones de tostadas.
- React-icons: para iconos de interfaz de usuario.
backend
Controladores:
- Organice y maneje las solicitudes de recursos HTTP (por ejemplo, pasteles, pedidos).
- Defina las acciones CRUD a través de métodos HTTP (obtener, publicar, poner, eliminar).
Modelos/DTO:
- Definir estructuras de datos para agilizar la transferencia de datos del servidor del cliente.
Métodos HTTP:
- Obtener: recuperar recursos (por ejemplo, lista de pasteles).
- Publicación: Crear nuevos recursos (por ejemplo, enviar un pedido).
- Pon: Actualice los recursos existentes (por ejemplo, modifique los detalles del pastel).
- Eliminar: eliminar recursos (por ejemplo, eliminar un pastel).
Códigos de estado:
- 200 OK: recuperación/actualización de datos exitosas.
- 201 Creado: Creación de recursos exitoso.
- 204 Sin contenido: recursos eliminados con éxito.
- 400 Mala solicitud: datos no válidos recibidos.
- 404 no encontrado: el recurso no existe.
Validación:
- Asegura que los datos entrantes sean precisos y seguros.
- Los atributos del modelo y la lógica personalizada hacen cumplir los requisitos de datos.
Demostración en vivo
¡Haz clic en mí!
