• 

  AI DEBATE WEBPAGE

Inspiration

I wanted to make an educational yet engaging AI experience that goes beyond chatbots. Debating requires reasoning, quick thinking, and logic skills that AI language models excel at mimicking. So, I built an AI Debate Coach: a fun, interactive way to spar with an AI that never runs out of counterpoints.

How I built it

I created a React + Tailwind frontend with a clean chat interface and debate-style animations. On the backend, I integrated the Gemini API to handle both argument generation and scoring. Each user message is sent with the current debate topic and conversation history, prompting Gemini to: Formulate a counterargument. Evaluate the strength of the user’s argument on a 0–10 scale. Provide short coaching feedback. I added emojis and "rounds" to make it feel like a real debate match.

Challenges we ran into

Crafting prompts that produced logical and concise counterarguments instead of essay-length replies. Keeping the debate on topic because AI models love to wander off! Styling the interface quickly while maintaining a professional, modern look.

Built With

• css
• gemini
• html
• javascript
• react
• webspeech-api