Storefronts
2025 GoStorm 2026
Electronic Music Festival Platform
Festival storefront — ~9.2K lines across 31 files. 3 sub-brands (Main/Offshore/Underground), 5-step ticket purchase flow, STORM-AI voice assistant, admin panel with 4 CRUD managers, and 12+ Cadences API integrations.
Year
2025
Role
Full-Stack Developer
Tech Stack
7 technologies
The Challenge
- Music festivals need fast-loading, visually striking websites managing multiple sub-brands, artist lineups, venue logistics, and ticket sales — all updating dynamically
- 3 distinct sub-brands (main festival 15K cap, beach edition 5K cap, underground 2.5K cap) must share infrastructure while maintaining independent identity and styling
- Ticket purchase needs a full multi-step flow with event selection, quantities, customer data, payment simulation, and QR confirmation codes
The Approach
- Astro SSG + React islands for interactive components (ticket flow, admin panels, AI assistant) with Framer Motion animations
- 10 DATA_TABLE projects in Cadences: config, venues, stages, artists, events, set_times, ticket_types, orders, customers, news
- Dark-only cyberpunk design: neon purple/cyan/pink palette, glassmorphism, 13 custom CSS animations (float, pulse-glow, glitch, scan), parallax hero, noise overlay
- Cadences API client (454 lines) with generic CRUD, search, availability, orders, newsletter, and analytics SDK
The Solution
- ~9.2K lines across 31 files — 14 routes, 8 React components (3,189 lines TSX), parallax hero, full-screen mobile nav
- 3 sub-brand events: GoStorm 2026 (Madrid, 4 stages, 100+ artists), GoStorm OFFSHORE (Tarifa beach, 2 stages), GoStorm UNDERGROUND (Barcelona warehouse, 1 stage)
- 5-step ticket purchase flow (932 lines): event select → ticket type (general/VIP/premium/backstage/camping/day/weekend) → quantities → customer data → payment (card/PayPal/crypto/Apple Pay) → QR confirmation
- STORM-AI voice assistant (529 lines): Web Speech API recognition + synthesis with robotic persona, 12-bar audio visualizer, scanning animations, Llama 3.1 8B backend + keyword fallback
- Admin panel (528 lines) with sidebar nav: dashboard stats + revenue, Events CRUD with capacity bars, Artists grid with genre/category filters, Venues with stage counts, Orders with CSV export
- Artist model: 12 artists with categories (headliner/special_guest/main/support/local/emerging), 15 genre types, Spotify embed, social links, related artists
- SetTime engine: stage-based lineup scheduling with DJ set/live/B2B/special types, secret artist flag, per-stage theming
- Full data models: 551 lines of TypeScript interfaces — venues (7 types), stages (6 types), events (7 types, 7 statuses), tickets (7 categories), orders (6 payment methods)
Key Results
- ~9.2K lines across 31 files with cyberpunk neon design system
- 3 sub-brand events with independent venues and lineups
- 5-step ticket purchase flow with 7 payment methods + QR codes
- STORM-AI voice assistant with speech recognition + synthesis
- Admin panel with 4 CRUD managers and CSV export
- 12+ Cadences API integrations including analytics SDK
Tech Stack
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]
}