Aplicación web

Slipstream — plataforma para bar con pedidos por QR, fidelización y juegos de navegador

Una plataforma digital completa para un bar de temática de motor (demo con una marca ficticia): pedidos en mesa por QR con panel del bar en tiempo real, reservas, eventos, puntos de fidelidad y recompensas, pronósticos de los fines de semana de carreras, quiz, funciones de comunidad y ocho juegos de navegador.

En desarrollo2026Hostelería
Slipstream — plataforma para bar con pedidos por QR, fidelización y juegos de navegador

Resumen

Resumen

Slipstream empezó como la web de un bar con reservas y tres juegos arcade y creció hasta convertirse en una plataforma completa para los clientes. Los clientes piden desde su mesa escaneando un código QR, acumulan puntos con pedidos, juegos y eventos, y los canjean por recompensas; el equipo del bar trabaja desde un panel en tiempo real; los gerentes lo gestionan todo — carta, mesas, juegos, recompensas, quizzes, rutas y textos — desde un panel de administración sin código.

Lo más destacado

  • Pedidos en mesa por QR con un token seguro por mesa, carta con modificadores, alérgenos y avisos +18, un carrito que sobrevive a las recargas y una cronología del pedido en tiempo real (enviado → aceptado → en preparación → listo → servido). Los clientes pueden llamar al camarero o pedir la cuenta.
  • Panel del bar en tiempo real: kanban de pedidos con sonido y notificaciones, cambios de estado sin conflictos entre varios camareros, cambios de mesa, cancelaciones con motivo y comprobación de códigos de recompensa.
  • Pit Stop Games: Tiempo de reacción, Rev & Shift, Adivina el motor, Trivial de motor y un Reto diario, además de los tres juegos arcade originales — todos jugables en este sitio.
  • Fidelización: registro de puntos, niveles, rachas, logros, catálogo de recompensas, códigos de recompensa de un solo uso y una ruleta de premios sorteada en el servidor.
  • Fin de semana de carreras y bingo en directo: pronósticos sin dinero con clasificaciones y cartones de bingo que se marcan en directo durante la carrera.
  • Quiz del bar con códigos de equipo, respuestas desde el móvil, temporizadores y marcador en la TV.
  • Comunidad: planificador de rutas con exportación GPX, un «Garage Wall» moderado con votación de la ruta del mes y una jukebox con límites de votos.
  • Modo TV, PWA y analítica: diapositivas rotativas para la pantalla del bar, app instalable con página sin conexión, estadísticas de pedidos y participación y un registro de auditoría completo.
  • Seguridad desde el diseño: precios, totales, puntuaciones, sorteos y puntos se deciden en funciones de PostgreSQL con seguridad a nivel de fila — el navegador solo muestra los resultados.

Pruébalo

El nombre de la marca, la dirección y los datos de contacto de la demo son ficticios. La demo en línea funciona en modo demo — todos los datos se quedan en tu navegador, así que puedes crear una cuenta (la primera pasa a ser administradora), pedir desde una mesa, abrir el panel del bar y explorar el panel del gerente. Los juegos también se pueden jugar directamente desde la sección de juegos.

Capturas de pantalla

Caso de estudio

Reto

El bar quería algo más que una web: un servicio más rápido en las noches de carrera con mucha gente, un motivo para que los clientes volvieran y eventos para la comunidad — sin suscripciones de software de pago y sin que el personal tuviera que tocar nunca el código. Cualquier regla que implicara dinero, premios o puntos debía ser imposible de trucar desde el navegador.

Solución

Se mantuvo la arquitectura original — un frontend estático sin dependencias sobre Supabase — y se amplió en lugar de sustituirla. Toda la lógica sensible (precios, totales y cambios de estado de los pedidos, puntuaciones de los juegos, sorteos, puntos y códigos de recompensa) se ejecuta en funciones PostgreSQL SECURITY DEFINER protegidas por seguridad a nivel de fila; los canales en tiempo real alimentan el panel del bar, el bingo, el quiz y la jukebox. Un backend de demo traslada las mismas reglas a JavaScript, de modo que toda la plataforma — incluidos los pedidos y la pantalla del bar entre pestañas del navegador — funciona sin conexión para las pruebas. Los nuevos juegos comparten una base común con tutorial, cuenta atrás, resultados y clasificaciones; los sonidos de motor se sintetizan en el navegador con Web Audio.

Resultados

Una plataforma completa y documentada que sigue funcionando sin coste de alojamiento: pedidos por QR con pantalla del bar en tiempo real, un circuito de puntos y recompensas que conecta pedidos, juegos y eventos, ocho juegos de navegador, funciones de comunidad y un panel del gerente que lo cubre todo. El esquema se validó con PostgreSQL 17 mediante una batería de pruebas funcionales y de ataque. Prueba la demo y los juegos en este sitio.

Nuestro papel

Concepto, UX y diseño visual, desarrollo frontend y de base de datos, políticas de seguridad y validación de juegos en el servidor, diseño y programación de juegos, funciones en tiempo real, PWA, documentación.

Juegos de este proyecto

Moto Grand Prix
Jugar en el navegador

Moto Grand Prix

Una carrera de motos vista desde arriba a tres vueltas contra tres pilotos de IA. Frena antes de la curva, inclínate y adelanta — pero si te abres al césped en plena inclinación, te caes.

Racing

Rally — Tramo especial
Jugar en el navegador

Rally — Tramo especial

Un tramo de rally contrarreloj sobre asfalto, grava y nieve. Escucha las notas de tu copiloto y usa el freno de mano para hacer girar el coche en las horquillas cerradas.

Racing

Grand Theft Slipstream
Jugar en el navegador

Grand Theft Slipstream

Una ciudad abierta en 2D de estilo cartoon: crea tu personaje, conduce taxis y motos de reparto de pizzas, haz turnos en el bar — o arriesga un poco y vigila las estrellas de la policía.

Open world

Tiempo de reacción
Jugar en el navegador

Tiempo de reacción

Cinco luces rojas y luego se apagan: ¿qué tan rápido reaccionas? Elige los semáforos de salida de la Fórmula 1 o un árbol de dragster y supera tu mejor tiempo en milisegundos.

Reflex

Rev & Shift
Jugar en el navegador

Rev & Shift

Mantén el acelerador, vigila el cuentarrevoluciones y cambia las seis marchas justo en la zona verde. Cambia tarde tres veces y el motor revienta.

Skill

Adivina el motor
Jugar en el navegador

Adivina el motor

Escucha unos segundos de sonido de motor y elige la respuesta correcta entre cuatro: bicilíndrico en V, bóxer, crossplane, V4, tricilíndrico, dos tiempos o V10?

Audio quiz

Trivial de motor
Jugar en el navegador

Trivial de motor

Ocho preguntas cronometradas sobre MotoGP, Fórmula 1, el Tourist Trophy de la Isla de Man, WRC, mecánica e historia de las carreras — elige una categoría o juégalas todas.

Quiz

Reto diario
Jugar en el navegador

Reto diario

Cinco preguntas de motor, las mismas para todos hoy, y un solo intento al día. Acierta todas para conseguir un bonus y un puesto en la clasificación semanal.

Quiz

Historial de versiones

  1. v1.0

    Web completa con reservas, ludoteca, eventos, panel del gerente y tres juegos de navegador.

Proyectos relacionados

Raftul — plataforma marketplace de comercio electrónico
Aplicación webCaso de estudio

Raftul — plataforma marketplace de comercio electrónico

Una tienda online orientada a producción para el mercado rumano y europeo (presentada con una marca ficticia): escaparate con búsqueda tolerante a errores tipográficos, promociones, stock en varios almacenes, pago con tarjeta, contra reembolso y por transferencia, devoluciones, SEO integrado, una API REST para apps móviles y un panel de administración por roles.

  • Prisma
  • TypeScript
  • React
  • Next.js
  • +4

¿Necesitas algo parecido?

Podemos crear un proyecto como este adaptado a tus objetivos, contenido y presupuesto.

Esc