You are browsing as a guest. Sign up (or log in) to start making projects!

Debate Arena

By @mucksuck

  • 7 Devlogs
  • 11 Total hours

Debate Arena is a web app where two users join a shared room via a 4-character code. Each person picks a side on any topic, and an AI advocate argues their position. Once both sides are done, a judge AI reads both arguments and delivers a verdict. It supports Claude, Gemini, and OpenAI — users just bring their own API key. Built in vanilla HTML/CSS/JS with Firebase for the real-time multiplayer side. It's open source and live

Source
Open comments for this post

@mucksuck on Debate Arena

56m 9s logged

ok so debate arena is finally fully working
spent way too long fighting CORS errors trying to call hack club ai directly from the browser (turns out you just can’t, it’s server side only). ended up spinning up a cloudflare worker as a proxy so the browser talks to the worker, worker talks to hack club ai, no more CORS nonsense
also added a HC / NPC tab switcher on the setup screen. hack club ai is the default (free, no card needed), npc mode lets you bring your own gemini/openai/claude key if you want your specific model fighting
mucksuck-oss.github.io/debate-arena

0
0
3
Open comments for this post

@mucksuck on Debate Arena

5h 32m 39s logged

ok so i finally caved and added hack club ai support to debate arena
you can now use it without needing your own api key, just grab a free one from ai.hackclub.com and pick a model. still kept the old provider thing too (gemini/openai/claude) just moved it behind a “npc mode” tab so it doesn’t scare off normal people
also fixed like 3 git disasters in the process don’t ask
mucksuck-oss.github.io/debate-arena

0
0
2
Open comments for this post

@mucksuck on Debate Arena

23m 43s logged

how to use debate arena:- 1. step you must have two API key one for one person. 2. now just fill the form with you name your API key and everything else. 3 now either you create a room or join one. 4 lay back and let your AI debate for you this that simple enjoy.

0
0
2
Open comments for this post

@mucksuck on Debate Arena

1h 4m 12s logged

Let’s go!! 🎉 I finally fixed the bug and resolved the Firebase error! Man, their APIs can be really tough to work with, but we got through it. I’m the man! 😎 Time to enjoy the win and keep building!

0
0
3
Ship #1 Pending review

@mucksuck on Debate Arena

built Debate Arena — a multiplayer AI debate app where two people join a room via a 6-character code, each gets an AI advocate arguing their side, and a judge AI delivers the final verdict on who won
challenging: syncing both players in real time with Firebase so the judge only fires after both arguments are submitted. also accidentally exposed my Gemini API key mid-build 💀 caught it fast and rotated it
proud of: the multi-provider support — works with Claude, Gemini, and OpenAI. users just bring their own key. built the whole thing in vanilla HTML/CSS/JS, no frameworks
to test it: open the link, create a room, share the 6-char code with a friend, pick your sides on any topic and let the AI fight it out 👇

mucksuck-oss.github.io/debate-arena

  • 1 devlog
  • 1h
Try project → See source code →
Open comments for this post

@mucksuck on Debate Arena

1h 6m 9s logged

built a multiplayer AI debate app where two people join a room via a 6-char code, each gets an AI advocate arguing their side, and a judge AI delivers the final verdict
stack: vanilla HTML/CSS/JS + Firebase for real-time multiplayer + supports Claude, Gemini & OpenAI (bring your own key)
biggest challenge was syncing both players in real time and making sure the judge only fires after both arguments are submitted
it’s live and open source 👇
mucksuck-oss.github.io/debate-arena

0
0
45

Delete project?

Are you sure you want to permanently delete this project? This action cannot be undone.

All devlogs, followers, and associated data will be removed.

Followers

Loading…