Overview
Interactive event website for Indonesia's premier gaming expo featuring dynamic exhibitor showcase, serial code redemption system, and real-time news integration. Built with React and optimized for high-traffic event scenarios.
Technologies
React
Vite
React Router
Tailwind CSS
Moment.jsKey Features
Dynamic exhibitor gallery with video hover effects
Serial code submission with validation system
Real-time countdown timer to event launch
SEO-optimized news system with dynamic routing
Responsive navigation with scroll-based styling
Interactive Google Maps integration for venue
Technical Challenges
High-Performance Media Rendering
Implemented lazy-loading strategy for 18+ exhibitor videos with optimized WebP images, reducing initial bundle size by 60% while maintaining smooth hover interactions.
Form State Management & Validation
Architected controlled form components with regex-based input sanitization and multipart/form-data handling for secure file uploads to backend API.
SEO & Meta Tag Optimization
Leveraged React Helmet Async for dynamic meta injection with canonical URLs, Open Graph protocol, and Google verification, achieving 95+ Lighthouse SEO score.