H

HTML5 and CSS3

Food Service – Módulo Cliente

Este proyecto corresponde al módulo público para clientes de un sistema de gestión de pedidos para un local gastronómico, desarrollado como trabajo final de la materia Programación y Servicios Web.

La aplicación permite a los usuarios navegar por el catálogo de productos, realizar búsquedas y filtrar por categorías, agregar productos al carrito, modificar cantidades y completar el proceso de compra mediante un checkout intuitivo y optimizado para dispositivos móviles.

Funcionalidades principales

Registro e inicio de sesión de usuarios.

Visualización del catálogo de productos mediante tarjetas con imagen, descripción y precio.

Buscador y filtros por categorías.

Carrito de compras con gestión de cantidades y eliminación de productos.

Checkout con:

Datos del cliente. Selección de modalidad de entrega (Delivery, Retiro en local o Consumo en el local). Selección del método de pago (Efectivo, Transferencia, Débito o Crédito). Cálculo automático de envío, recargos y total. Observaciones del pedido.

Generación de un código único de pedido.

Confirmación del pedido con código QR.

Envío del detalle del pedido mediante WhatsApp.

Perfil de usuario con edición de datos personales.

Tecnologías utilizadas

Angular TypeScript Angular Material HTML5 CSS3 NestJS MySQL TypeORM

Objetivo

Desarrollar una experiencia de compra sencilla, rápida y adaptada a dispositivos móviles, permitiendo que los clientes puedan realizar pedidos de manera eficiente y que estos queden registrados para su posterior gestión desde el módulo de administración.