Alter Ego Experience

La necesidad

El evento necesitaba una experiencia interactiva fácil de activar en sala, con gestión de participantes, validación ágil y ranking visible en tiempo real durante la dinámica.

La solución

Una aplicación full-stack para administrar participantes, importar datos desde Excel, generar y leer códigos QR, sincronizar resultados en tiempo real y mostrar rankings preparados para pantallas del recinto.

Mi participación

Desarrollo full-stack del sistema, panel de administración, flujos de validación, integraciones y experiencia visual para evento.

Funcionalidades principales

• Panel de administración para gestionar participantes.
• Importación masiva desde Excel.
• Ranking en tiempo real para pantallas del evento.
• Generación de QR para participantes o accesos.
• Escaneo de QR con cámara para validación.

Retos del desarrollo

• Sincronizar cambios en tiempo real durante una experiencia presencial.
• Hacer que la validación con cámara fuese rápida y usable.
• Preparar una interfaz clara para personal de administración y público.
• Combinar una experiencia visual de evento con herramientas de gestión.

Decisiones técnicas

• Next.js, React y TypeScript como base de aplicación.
• Supabase y PostgreSQL para datos y sincronización en tiempo real.
• Stripe para pagos o flujos comerciales asociados.
• Resend para envíos transaccionales.
• qrcode para generar códigos QR.
• html5-qrcode para lectura de QR desde cámara.

Tecnologías utilizadas

• Next.js
• React
• TypeScript
• TailwindCSS
• Supabase
• PostgreSQL
• Stripe
• Resend
• QRCode
• html5-qrcode
• Framer Motion
• XLSX

Resultado

Una solución terminada para evento real, combinando administración, interacción presencial, datos en tiempo real e integraciones de producto.