Restaurante Experience App

Sobre el Proyecto

Restaurante Experience App es una aplicación web moderna diseñada para la gestión integral de un restaurante premium. Este proyecto simula un ecosistema full-stack, ofreciendo una experiencia fluida tanto para el cliente final como para el personal administrativo.

Proyecto Personal | Diseñado para demostrar capacidades en React Avanzado, Arquitectura de Software y Diseño UX/UI.

🔗 Visitar Sitio Web

Características Principales

Lado Cliente (Public Facing)

• Landing Page Impactante: Diseño “Premium” con animaciones fluidas (Framer Motion), tipografía elegante y una interfaz inmersiva en modo oscuro.
• Gestión de Reservas Visual: Sistema único donde los clientes no solo eligen la hora, sino que seleccionan su mesa específica en un mapa interactivo en tiempo real, que valida disponibilidad según fecha y hora.
• Catálogo Digital: Visualización del menú con filtrado por categorías y detalles de productos.

Panel de Administración & POS

• Dashboard en Tiempo Real: Vista general del salón con indicadores de estado (Libre, Ocupada, Reservada) y alertas visuales para “Reservas Pendientes”.
• Sistema de Pedidos (POS): Apertura de mesas, asignación de camareros, gestión de ítems y cálculo automático de totales.
• Ticket / Facturación: Generación automática de tickets de consumo (PDF) utilizando capacidades nativas del navegador.

Stack Tecnológico

• Core: React 18, TypeScript, Vite.
• Estilos: SCSS Modules con Tokens de diseño.
• Arquitectura: Patrón Service Layer para abstraer la lógica de negocio y simular un backend con persistencia en LocalStorage y latencia artificial.

Highlights de Implementación

• Lógica de Reservas Cruzada: Detección inteligente de conflictos entre mesas libres y reservas próximas.
• Optimizaciones: Uso eficiente de useMemo para datos complejos.
• Zero-Dependency PDF: Generación de tickets usando herramientas estándar de la web (window.print).