Y Yojhan Furuya
3módulos independientes
13endpoints en la API
4segundos de actualización en tiempo real
5tablas relacionales en MySQL
Contexto del proyecto

Problema, solución y resultado.

El problema

Los restaurantes gestionan sus pedidos de forma manual: comandas en papel, comunicación verbal entre garzón y cocina, y cierres de caja sin registro. Esto genera errores, pérdida de información y tiempos muertos que afectan directamente la operación y la experiencia del cliente.

La solución

Un sistema web multirrol con login unificado que redirige a cada usuario a su panel según su rol. El garzón toma pedidos con detalle por producto, cantidad y nota; la cocina los recibe en tiempo real con timers de alerta; y el administrador accede a un panel completo con dashboard de KPIs, reportes, historial, gestión de menú, stock y personal.

El resultado

  • Sistema operativo con 3 paneles independientes para garzón, cocina y administrador
  • Login unificado con 4 roles: garzón, cocina, cajero y administrador
  • Dashboard con KPIs en tiempo real: pedidos del día, tiempo promedio de preparación, mesas activas y alertas de stock
  • Reportes filtrables por fecha con análisis de pedidos por día, horas pico, productos top y rendimiento por garzón
  • Gestión completa de menú con categorías, productos, disponibilidad y stock
  • Historial exportable en CSV con tiempos de apertura, cierre y preparación por mesa

Qué demuestra

  • Arquitectura multirrol con autenticación PHP por sesión
  • Backend robusto con más de 35 endpoints REST en PHP
  • Diseño de base de datos relacional con 7 tablas e índices de rendimiento
  • UX funcional adaptada a cada perfil de usuario: operativo, productivo y analítico
  • Pensamiento de producto end-to-end: desde el flujo de cocina hasta los reportes del dueño
  • Sistema escalable preparado para múltiples sucursales
Funcionalidades

Qué hace cada módulo.

01

Login unificado

Pantalla de acceso con selector de perfil (Admin, Garzón, Cocina). Autentica por PIN o contraseña y redirige al panel correspondiente según el rol de sesión.

index.php
02

Panel Garzón

Mapa visual del salón con 20 mesas y estados en tiempo real. Permite abrir mesa, tomar pedido con detalle por producto, cantidad y nota, ver timer de mesa, marcar platos como sirviendo y liberar la mesa al finalizar.

garzon/index.php
03

Panel Cocina

Tarjetas de comandas con actualización automática. Muestra estado (en espera / preparando), timer por tarjeta con alerta en ámbar a los 8 minutos y rojo a los 15, badge de nuevas órdenes con sonido, e historial del turno.

cocina/index.php
04

Dashboard Admin — KPIs en tiempo real

Vista operativa con auto-actualización cada 8 segundos. Muestra pedidos del día, platos despachados, tiempo promedio de preparación, mesas activas, garzón más activo, alertas de stock bajo, pedidos de la semana y del mes, y gráfico de pedidos por hora.

admin/index.php
05

Mapa del salón — Admin

Vista de administrador del salón con estado de cada mesa: libre, ocupada, preparando, lista y sirviendo. Incluye resumen de ocupación y pedidos activos en cocina.

admin/index.php
06

Monitor de Cocina — Admin

Tabla en tiempo real con el estado de todos los pedidos activos: mesa, ítems, hora de entrada y estado actual.

admin/index.php
07

Reportes

Análisis filtrable por rango de fechas. Incluye pedidos por día, horas pico, top productos de la semana y rendimiento por garzón con tiempo promedio.

admin/index.php
08

Historial

Registro completo de pedidos completados con mesa, garzón, ítems, apertura, cierre, tiempo de preparación y método de pago. Exportable a CSV.

admin/index.php
09

Gestión de Menú — Categorías y Productos

Alta, edición y eliminación de categorías con orden personalizable. Alta, baja y disponibilidad de productos con filtros por estado (disponible / agotado).

admin/index.php
10

Control de Stock

Inventario de insumos con cantidad actual, mínimo, costo unitario y alertas de stock bajo. Alta, edición y eliminación de insumos por categoría y unidad.

admin/index.php
11

Gestión de Personal

Alta y baja de colaboradores con nombre, rol, teléfono y email. Registro de mesas atendidas por día y mes.

admin/index.php
12

Configuración del sistema

Nombre del restaurante, número de mesas, moneda, IVA, horario de apertura y cierre. URL del logo que se propaga automáticamente a los tres paneles.

admin/index.php
Demo en video

El sistema en acción.

Ver demo del sistema

Metodología

Cómo se construyó.

Fase 01

Análisis del flujo operativo

Se estudió el flujo real de un restaurante: qué necesita ver el garzón en sala, qué recibe la cocina y qué datos requiere el administrador para gestionar el negocio.

Fase 02

Modelado de base de datos

Se diseñó el esquema relacional con tablas para mesas, pedidos, detalle de pedidos, historial, productos, categorías, stock y personal. Se agregaron índices de rendimiento sobre campos de búsqueda frecuente.

Fase 03

Backend y API REST

Se construyeron más de 35 endpoints en PHP organizados por dominio: mesas, pedidos, cocina, menú, categorías, stock, personal, KPIs, reportes e historial.

Fase 04

Sistema de autenticación por roles

Login unificado con PHP sessions que redirige a cada usuario a su panel según el rol: admin, cajero, garzón o cocina. Protección de rutas con auth_guard.php.

Fase 05

Desarrollo de paneles por rol

Cada panel fue diseñado para su usuario específico con la UX adecuada: mapa de mesas para el garzón, tarjetas con timers para cocina, y dashboard analítico para el administrador.

Fase 06

Diseño del sistema visual

Paleta oceánica unificada en los tres paneles con tokens CSS (variables), tipografía Inter para UI y Sistema responsive en los tres paneles.

Stack técnico

Tecnologías usadas.

PHP backend completo, autenticación por sesión y lógica de negocio
MySQL base de datos relacional con 7 tablas e índices de rendimiento
REST API más de 35 endpoints organizados por dominio
HTML5 estructura de los tres paneles
CSS custom properties sistema de tokens con paleta oceánica unificada
JavaScript interacción, polling de datos y renderizado dinámico de UI
Inter tipografía de interfaz
JetBrains Mono tipografía para datos numéricos y KPIs
Próximos pasos

Mejoras futuras planeadas.

Impresión de ticket térmica

Integración con impresoras térmicas para emitir ticket automático al cobrar una mesa.

Notificaciones push

Alertas en tiempo real cuando llega una comanda nueva, sin necesidad de mantener la ventana activa.

Dashboard con gráficos visuales

Reportes con charts interactivos de ventas por día, hora pico y productos más pedidos.

PWA para cocina

Versión instalable en tablet o smartphone para que cocina no dependa de un computador fijo.

Multi-sucursal

Soporte para gestionar múltiples locales desde un mismo panel administrativo con datos separados por sucursal.

Integración de pagos

Flujo de cobro con splits de cuenta, propina y registro automático de método de pago en el historial.

Contacto

¿Quieres ver más detalles de este proyecto?

Puedo ampliar cada caso con documentación, capturas adicionales, repositorio, decisiones técnicas y mejoras futuras. Escríbeme y conversamos.