Sistema de comandas en tiempo real

Contexto

Abuela Mía es la cafetería de mi familia y el sitio donde trabajo. Tiene terraza, barra y cocina, y hasta ahora los pedidos que se tomaban en la terraza se pasaban de palabra o por WhatsApp.

Problema

Cuando un pedido depende de que alguien lo oiga o lea un mensaje a tiempo, es fácil que algo se pierda, se repita o llegue tarde. Además, nadie tiene una vista clara de qué está pendiente en cada momento.

Solución

Una aplicación web con tres interfaces, una por rol:

• Terraza: toma el pedido en la mesa.
• Barra: ve lo que le toca preparar a barra.
• Cocina: ve lo que le toca preparar a cocina.

Los pedidos se sincronizan entre pantallas en tiempo real. Cada pedido llega directo a la pantalla de quien lo prepara, sin avisos por WhatsApp ni de palabra.

Mi rol y decisiones

Es un proyecto mío de principio a fin: definí qué tenía que hacer, lo desarrollé, lo desplegué y lo mantengo.

• Separación por roles. Cada persona ve solo lo que necesita para su trabajo. Así cada pantalla es más simple y hay menos sitio para equivocarse.
• Tiempo real con Supabase. Las pantallas se suscriben a los cambios en la base de datos y reciben los pedidos al momento, sin tener que montar y mantener un servidor propio de tiempo real.
• Pensada para móvil y tablet. Se usa en pantallas táctiles y en mitad del servicio, así que la interfaz muestra lo mínimo y los controles son grandes.
• Despliegue sencillo. El front se construye con Vite y se publica en Vercel.

Stack

• Vite: desarrollo y build del front.
• Supabase: base de datos PostgreSQL y suscripciones en tiempo real.
• Vercel: alojamiento y despliegue.

Resultado

Está en uso en la cafetería. Los pedidos de la terraza llegan a la pantalla de barra o de cocina sin pasar por nadie.

Lo que aprendí

Diseñar para alguien que usa la aplicación con prisa y sin explicaciones cambia las prioridades: menos funciones, más claridad. Y tener a los usuarios al lado hace que cualquier fallo se note el mismo día.