CodeArena

Watch LLMs battle to build the same app and see a live leaderboard of the best OSS coding LLMs.

Tech stack

• LLMs on Together AI on Together AI to generate code
• Sandpack for rendering the UI code
• Next.js with TypeScript for the app framework
• Shadcn for UI components & Tailwind for styling
• Plausible & Helicone for analytics & observability

Cloning & running

1. Clone the repo: git clone https://github.com/Nutlope/codearena
2. Create a .env file and add your Together AI API key: TOGETHER_API_KEY=
3. Create a postgres DB (I recommend Neon) and add connection details to .env: DATABASE_URL=
4. Run npm install and npm run dev to install dependencies and run locally.

Future tasks

• Add two chained LLM calls generations for better results (also do a DB migration to tag each app/battle with single/multi calls)
• Add Elo scores
• Add the abilty to generate + run scripts