Esta plataforma fue diseñada y desarrollada con el objetivo de ofrecer una solución completa para el sector gastronómico, combinando un sistema de pedidos online accesible desde dispositivos móviles, con un panel administrador (ERP) potente y fácil de usar para la gestión interna. Desde el inicio, se priorizó una arquitectura modular, escalable y centrada en la experiencia de usuario.
El problema
El cliente necesitaba una herramienta que digitalizara la operación sin complejidad, permitiéndole recibir pedidos online tanto para retiro como para entrega. También era fundamental contar con un panel unificado para gestionar productos, precios y ventas en tiempo real, además de ofrecer una versión simplificada del menú con código QR para clientes presenciales.
La solución
Desarrollé una plataforma dividida en dos módulos: un ecommerce fluido y adaptable a cualquier dispositivo, y un panel de administración robusto. Cada cambio en el panel se refleja automáticamente en la tienda y en el menú QR, asegurando coherencia y optimizando la gestión operativa y la experiencia del cliente.
Tecnologías utilizadas
Next.js 14 (App Router) para rendimiento óptimo. Firebase (Firestore, Auth, Security Rules) para base de datos en tiempo real y seguridad. TypeScript para mantenibilidad. Zustand para el estado del carrito. Tailwind CSS y Heroui para el diseño. React Hook Form para validación.
Autenticación y seguridad
El sistema utiliza Firebase Auth. Al iniciar sesión, se genera un token seguro verificado desde el servidor. Las reglas de Firestore permiten lectura pública de productos, pero restringen la escritura únicamente a usuarios validados.
