Storefronts
2025 GoStorm 2026
Plataforma de Festival de Música Electrónica
Storefront de festival — ~9.2K líneas en 31 archivos. 3 sub-marcas (Main/Offshore/Underground), flujo de compra de entradas en 5 pasos, asistente de voz STORM-AI, panel admin con 4 gestores CRUD y 12+ integraciones API Cadences.
Año
2025
Rol
Full-Stack Developer
Tecnologías
7 tecnologías
El Desafío
- Los festivales de música necesitan webs rápidas y visualmente impactantes que gestionen múltiples sub-marcas, lineups de artistas, logística de venues y venta de entradas — todo actualizándose dinámicamente
- 3 sub-marcas distintas (festival principal 15K cap, edición playa 5K cap, underground 2.5K cap) deben compartir infraestructura manteniendo identidad y estilos independientes
- La compra de entradas necesita un flujo multi-paso completo con selección de evento, cantidades, datos de cliente, simulación de pago y códigos QR de confirmación
El Enfoque
- Astro SSG + islas React para componentes interactivos (flujo de tickets, paneles admin, asistente IA) con animaciones Framer Motion
- 10 proyectos DATA_TABLE en Cadences: config, venues, stages, artists, events, set_times, ticket_types, orders, customers, news
- Diseño cyberpunk dark-only: paleta neón púrpura/cyan/rosa, glassmorphism, 13 animaciones CSS custom (float, pulse-glow, glitch, scan), hero parallax, overlay de ruido
- Cliente API Cadences (454 líneas) con CRUD genérico, búsqueda, disponibilidad, pedidos, newsletter y SDK de analytics
La Solución
- ~9.2K líneas en 31 archivos — 14 rutas, 8 componentes React (3.189 líneas TSX), hero parallax, nav móvil full-screen
- 3 eventos sub-marca: GoStorm 2026 (Madrid, 4 escenarios, 100+ artistas), GoStorm OFFSHORE (playa Tarifa, 2 escenarios), GoStorm UNDERGROUND (nave Barcelona, 1 escenario)
- Flujo de compra en 5 pasos (932 líneas): selección evento → tipo entrada (general/VIP/premium/backstage/camping/día/fin de semana) → cantidades → datos cliente → pago (tarjeta/PayPal/crypto/Apple Pay) → confirmación QR
- Asistente de voz STORM-AI (529 líneas): reconocimiento + síntesis de voz Web Speech API con persona robótica, visualizador de audio 12 barras, animaciones de escaneo, backend Llama 3.1 8B + fallback por keywords
- Panel admin (528 líneas) con nav lateral: dashboard stats + revenue, CRUD Eventos con barras de capacidad, grid Artistas con filtros género/categoría, Venues con conteo de stages, Pedidos con export CSV
- Modelo de artista: 12 artistas con categorías (headliner/special_guest/main/support/local/emerging), 15 tipos de género, embed Spotify, links sociales, artistas relacionados
- Motor SetTime: programación de lineup por stage con tipos DJ set/live/B2B/special, flag de artista secreto, theming por stage
- Modelos de datos completos: 551 líneas de interfaces TypeScript — venues (7 tipos), stages (6 tipos), events (7 tipos, 7 estados), tickets (7 categorías), orders (6 métodos de pago)
Resultados Clave
- ~9.2K líneas en 31 archivos con design system cyberpunk neón
- 3 eventos sub-marca con venues y lineups independientes
- Flujo de compra en 5 pasos con 7 métodos de pago + códigos QR
- Asistente de voz STORM-AI con reconocimiento + síntesis de voz
- Panel admin con 4 gestores CRUD y export CSV
- 12+ integraciones API Cadences incluyendo SDK de analytics
Tecnologías
Astro 4.x React 18 Tailwind CSS 3.4 TypeScript 5.6 Framer Motion 11 Cloudflare Pages Workers AI
$ cat project.json
{
"name": "GoStorm 2026",
"status": "production",
"stack": [7],
"url": "gostorm.cadences.app",
"results": [6]
}