I built a real-time competitive coding platform — Dev-Battle

Published: (May 3, 2026 at 03:12 AM EDT)
2 min read
Source: Dev.to

Source: Dev.to

Introduction

Cover image for I built a real-time competitive coding platform — Dev-Battle

Solo coding practice gets stale. I wanted something with real stakes — a platform where two developers compete live on the same problem, under the same clock.

That’s Dev-Battle.

How a match works

  • Create or join a lobby
  • Problem is broadcast to both players
  • Write and submit your code
  • Sandboxed runner judges the output
  • AI feedback is shown in the arena
  • XP and leaderboard rankings update live

Features

  • Real-time rooms — synchronized match state via WebSockets, low‑latency updates
  • Sandboxed execution — isolated runners for safe, reproducible judging
  • AI feedback — hints and notes without giving away the answer
  • Progression system — XP, achievements, and a global leaderboard
  • Monorepo architecture — shared types and codegen keep client and server in sync

Stack

LayerTech
FrontendReact + Vite + TypeScript
BackendNode.js + WebSockets + REST
ExecutionSandboxed container runner
DatabaseSQL + Drizzle ORM
AI layerOptional AI microservice
Toolingpnpm monorepo + OpenAPI codegen

What’s next

Spectator mode, tournament brackets, team modes, and a more polished mobile UI are all on the roadmap. Contributions and feedback are very welcome!

GitHub | Live Demo

Have questions about the architecture or built something similar? Drop a comment!

0 views
Back to Blog

Related posts

Read more »

Making my own framework. Any tips?

!Cover image for Making my own framework. Any tips?https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fde...