Chaewon Bark Battle

Landing Page
Match Queue
Game page
Results Page

Inspiration

K-pop fans have unique ways of showing excitement, including "barking" as a playful expression of hype. We wanted to turn this fan culture phenomenon into a competitive real-time game that brings people together for silly fun.

What it does

Two players get matched to watch the same Chaewon fancam and compete by making loud sounds into their microphones. Whoever reaches the highest volume wins. Each match takes 2-4 minutes with real-time volume visualization and instant results.

How we built it

Built with React and WebSockets for real-time multiplayer functionality. Used Web Audio API for microphone input and volume detection, YouTube Embed API for video playback, and Tailwind CSS for mobile-first responsive design.

Challenges we ran into

Synchronizing real-time audio processing between players was complex. Different microphone sensitivities and background noise required careful volume calibration. WebSocket connection stability and maintaining smooth state synchronization across network fluctuations proved tricky.

Accomplishments that we're proud of

Created a semi functional real-time multiplayer game with smooth volume visualization and zero-lag competition. Our design works great across all devices, and we successfully captured the playful spirit of K-pop fan culture.

What we learned

Gained experience with real-time web development, WebSocket implementation, and browser audio processing. Learned how to handle cross-device microphone variations and optimize performance when combining external APIs with real-time features.