Fran GarcíaDiseño y desarrollo web
Trabajo

02 · En desarrollo · 2026

Gradúate

De la inscripción a la puerta: entradas con QR y un panel para que el organizador lo lleve todo.

Papel
Diseño y desarrollo completos
Para
Organizadores de graduaciones
Estado
Probado en local, sin publicar
Plataforma
Web y app instalable (PWA)
Listado público de eventos de graduación, con datos de demostración.
Entrada con código QR de una asistente ficticia, en el móvil.
01 · El reto

Cientos de invitados, una sola puerta.

Una graduación mezcla muchas cosas: el acto, la cena, la fiesta, acompañantes con precios distintos y un aforo por evento. Llevarlo con formularios sueltos y listas en papel acaba en colas, entradas repetidas y cuentas que no cuadran.

El objetivo era un único sistema: que el invitado se inscriba y pague en un par de minutos, que su entrada esté siempre en el móvil y que en la puerta se valide en un segundo.

02 · Inscripción y compra

Elegir, pagar y listo.

Cada evento tiene su ficha con el programa de la noche, los tipos de entrada y las plazas que quedan. Las plazas se reservan mientras se paga, así que no se puede vender por encima del aforo.

Ficha de un evento de demostración: programa de la noche en línea de tiempo y formulario de compra de entradas.
Ficha de un evento de demostración: el programa se edita en el panel y aparece como línea de tiempo.
  • Cuentas de clienteRegistro con verificación de correo, recuperación de contraseña y baja con borrado de datos.
  • Pago con confirmación firmadaEl pedido solo se da por pagado cuando llega el aviso firmado de la pasarela. Hoy el pago es simulado.
03 · Entradas y puerta

Un QR que no dice nada de ti.

Cada asistente recibe su propia entrada. El código QR solo contiene un identificador aleatorio, sin nombre ni datos personales. En la puerta, el personal la valida con la cámara del móvil o escribiendo el código a mano, y una entrada no puede entrar dos veces, aunque dos lectores la escaneen a la vez.

Pedido pagado con el pago simulado: la entrada válida de una asistente ficticia, con su código QR.
Pedido de prueba con pago simulado: una entrada por asistente.
  • Enlaces de lector por eventoQuien ayuda en la puerta puede validar sin tener cuenta, con un enlace temporal.
  • AcogidaUna vista de solo lectura para recibir a los invitados y resolver dudas.
04 · El organizador

Todo el evento en un panel.

El organizador crea los eventos y los tipos de entrada, sigue las ventas y los pedidos, gestiona reembolsos y concilia los cobros. Cada persona del equipo entra con su papel y el servidor lo comprueba en cada acción.

  • Cuatro papelesAdministración técnica, organizador, acogida (solo lectura) y lector de entradas.
  • AuditoríaQueda registrado quién hizo cada cambio y cuándo.
  • Mensajes y ajustesTextos, preguntas frecuentes y datos del evento, sin tocar código.
  • API de integraciónPara que Nexia pueda consultar eventos y gestionar pedidos. Probada en local.
05 · App instalable

En la pantalla de inicio, sin tienda de apps.

Gradúate se instala como una aplicación desde el navegador. El service worker solo guarda archivos públicos: cuentas, pedidos, entradas y el panel nunca se quedan en la caché del dispositivo. Sin conexión aparece una página genérica, sin datos personales.

Next.js 16React 19TypeScriptSQLitePWACSP y cabeceras de seguridad
06 · Hecho y pendiente

Lo que está hecho y lo que falta.

  • Inscripción, compra, entradas QR, lector y panel

    Funcionan de principio a fin en local, con pruebas automáticas.

    Probado en local
  • App instalable

    Probada con la compilación de producción en local. Falta probarla con HTTPS y en iPhone y Android reales.

    Probado en local
  • Pagos reales

    El pago está simulado hasta elegir una pasarela, como Stripe o Redsys.

    Planeado
  • Correos reales

    Hoy los correos se ven en una vista previa local; falta el dominio remitente.

    Planeado
  • Publicación

    Falta alojamiento, dominio y la revisión de los textos legales del organizador.

    Planeado