我构建了一个实时竞技编程平台 — Dev-Battle

发布: (2026年5月3日 GMT+8 15:12)
2 分钟阅读
原文: Dev.to

Source: Dev.to

介绍

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

单人编码练习容易乏味。我想要一些真正有竞争性的东西——一个平台,让两位开发者在同一个问题上实时对决,使用同一计时器。

这就是 Dev-Battle

对局是如何进行的

  • 创建或加入房间
  • 题目会同时广播给两位玩家
  • 编写并提交代码
  • 沙箱运行器对输出进行判定
  • AI 反馈会在竞技场中显示
  • 经验值和排行榜实时更新

特性

  • 实时房间 — 通过 WebSocket 同步对局状态,低延迟更新
  • 沙箱执行 — 为安全、可复现的判题提供隔离运行器
  • AI 反馈 — 提示和注释,但不直接给出答案
  • 进阶系统 — 经验值、成就以及全局排行榜
  • Monorepo 架构 — 共享类型和代码生成保持前后端同步

技术栈

层级技术
前端React + Vite + TypeScript
后端Node.js + WebSockets + REST
执行沙箱容器运行器
数据库SQL + Drizzle ORM
AI 层可选 AI 微服务
工具pnpm monorepo + OpenAPI codegen

接下来

观赛模式、锦标赛赛程、团队模式以及更完善的移动端 UI 都在路线图上。非常欢迎贡献和反馈!

GitHub | Live Demo

对架构有疑问或构建了类似的项目?欢迎留言!

0 浏览
Back to Blog

相关文章

阅读更多 »

自己制作框架,有什么建议吗?

《Making my own framework》的封面图片。有什么建议吗?https://media2.dev.to/dynamic/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fde...