YapBattle

• 

  Debate In Action

• 

  Ranked Battle Mode

• 

  Home Screen

• 

  Podcast mode

• 

  Hot Takes Mode

Inspiration

We loved speech and debate in high-school and we wanted to capture the feeling of debating in a fun game called YapBattle.

What it does

YapBattle is a voice debate game with three modes. Hot Takes is for quick debates on trending topics. Ranked lets you compete and climb the leaderboard. Podcast Mode is for longer, more thoughtful debates. You speak your arguments and the app responds in real time.

How we built it

We built the app with a simple front end and a backend that handles real time audio. Deepgram powers the live speech recognition and voice output. An LLM manages the debate flow, scores rounds, and generates responses based on what the user says.

Challenges we ran into

Real time voice is hard to make feel smooth, and the AI would bug and not work. We had to handle lag, interruptions, and keeping the debate state consistent when people speak quickly or change direction.

Accomplishments that we're proud of

We got live voice working in a way that feels fast and fun. Each mode has its own pacing and style, and the app can run a full debate from start to finish without manual control.

What we learned

Small UX details matter a lot for voice apps. Clear turn taking, fast feedback, and simple controls make the experience feel natural.

What's next for YapBattle

We want to add better matchmaking, more topic packs, and stronger ranking features. We also want to improve accessibility with captions and support for more languages.

Built With

• css
• html
• java
• python
• tailwind