FC
EN PT ES

Caso de estudio · 2026

Trattoria Bella Vita

Un sistema de pedidos por código QR para restaurantes: el cliente escanea el código de su mesa, ve la carta en el móvil y envía el pedido a la cocina, donde el personal lo sigue en un tablero en directo.

Laravel Livewire Filament Tailwind SQLite

La idea

Esperar la carta, luego esperar para pedir y luego esperar la cuenta es donde un restaurante pierde más tiempo. Trattoria Bella Vita pone un código QR en cada mesa: el cliente lo escanea, ve la carta completa con fotos y pide desde su propio móvil, y la cocina ve el pedido en el mismo instante en que se envía.

Qué hace

  • Para los clientes: una carta en inglés, italiano y portugués, con fotos, precios, alérgenos, un cuadro de búsqueda y filtros (vegetariano, picante, sin gluten, sin lácteos). Todos en la mesa comparten un mismo carrito, pueden dejar una nota para la cocina, llamar a un camarero y seguir el pedido desde "recibido" hasta "servido".
  • Para la cocina: un tablero con una tarjeta por pedido, un cronómetro en cada una, un aviso cuando un pedido se retrasa, casillas para marcar cada plato, un ticket imprimible, alertas sonoras y un modo oscuro para una cocina con poca luz. Los platos se pueden marcar como no disponibles y desaparecen de la carta de todos los clientes.
  • Para el dueño: un panel de administración para editar la carta, las categorías y las mesas, imprimir los códigos QR, ver todos los pedidos y consultar un panel con los pedidos y los ingresos de hoy, las horas de más actividad, los platos más vendidos y los ingresos por categoría.

Detrás de escena

Hecho con Laravel, Livewire y Filament, con Tailwind para el estilo y SQLite para los datos. Cada mesa tiene su propio enlace imposible de adivinar, así que un cliente no puede abrir el pedido de otra mesa. Los precios se guardan en céntimos enteros para evitar errores de redondeo, y más de 70 pruebas automáticas cubren los pedidos, el tablero de la cocina y la administración.

La aplicación está pensada para actualizaciones en directo mediante websockets (Laravel Reverb). Esta demostración funciona en un alojamiento compartido, que no puede mantener un servidor de websockets encendido, así que las pantallas se actualizan cada pocos segundos; en un VPS el mismo código se actualiza al instante.

Pruébalo

Abre la demostración, pide algo y pulsa "See the kitchen board" arriba para ver llegar tu pedido. Es una demostración pública: los pedidos se borran con regularidad y la vista del personal no puede abrir el panel de administración.

Qué haría a continuación

Pagos en línea, una cuenta que se pueda dividir entre los clientes y actualizaciones en tiempo real mediante un servidor de websockets para los restaurantes que lo quieran.