The Crowd-Nation Frontend is the visual core of the entire platform, crafted using Vue 3, Vite, and TailwindCSS. Built for music lovers, festival goers, and event organizers, it provides a seamless experience across all devices — from mobile usage at a festival to desktop-based event planning.
Key Focus Areas
- Personalization: Smart suggestions based on interests, genres, and favorite artists.
- Real-Time Integration: Live data overlays such as crowd density and user positioning powered by the hardware tracking system.
- Dark, Atmospheric UI: A sleek, immersive interface with vivid accents in blue and purple.
- Modularity & Scalability: Fully component-based architecture with centralized state via Pinia.
- Multi-Stage Deployment: GitLab CI/CD pipelines for Live, Beta, and Preview environments, running on PM2.
Additional Highlights
- i18n support for multilingual users (in progress).
- SCSS-based styling architecture for clean, maintainable UI components.
- Automated testing with
VitestandPlaywright. - Optimized for SEO and network performance — even in low-bandwidth festival areas.
Crowd-Nation Frontend is more than just a site — it's your interactive event companion. Whether you're syncing with friends, checking the next act, browsing the map, or joining a private group chat, this platform bridges the gap between planning and experiencing, powered by music, technology, and community.