Bocados Élite
Aplicación Web de Quiosco Digital
Acerca del proyecto
Sistema completo de quiosco digital para restaurante con interfaz intuitiva que permite a los clientes explorar el menú, personalizar pedidos y realizar compras de manera autónoma. Incluye gestión de categorías, productos con imágenes, carrito de compras dinámico y sistema de notificaciones en tiempo real.
La aplicación cuenta con un flujo de pedido optimizado de 3 pasos: selección de productos, revisión del pedido y confirmación con datos del cliente. Los usuarios pueden editar cantidades, eliminar productos y ver el total actualizado automáticamente.
Diseño completamente responsivo con navegación móvil tipo hamburguesa, optimizado tanto para dispositivos táctiles como de escritorio. La interfaz utiliza un esquema de colores elegante en tonos ámbar que refleja la identidad de marca premium.
Panel de administración independiente para gestionar órdenes en tiempo real, con sistema de cobro integrado que calcula automáticamente el cambio y permite marcar pedidos como completados. Actualización automática cada 3 segundos para mostrar nuevas órdenes.
Stack Tecnológico
Frontend desarrollado con React 18 y Next.js 13 para renderizado híbrido y optimización SEO. Gestión de estado global con Context API y hooks personalizados. Axios para comunicación HTTP con interceptores de error. Tailwind CSS para diseño modular y responsivo con clases utilitarias.
Base de datos PostgreSQL gestionada con Prisma ORM para tipado seguro y migraciones automáticas. Esquema relacional optimizado para categorías, productos y órdenes. API Routes de Next.js para endpoints RESTful con validación de métodos HTTP.
Sistema de notificaciones implementado con React Toastify para feedback inmediato al usuario. Notificaciones diferenciadas por tipo de acción: confirmación de pedidos, actualizaciones de carrito, errores de validación y confirmaciones de pago.
