Code Arena
Solve real development challenges in a live coding environment. Monaco editor, integrated terminal, and instant preview.
32
Completed
5
In Progress
1,850
XP Earned
Implement useState Hook
IntermediateCreate a custom useState hook from scratch in React
ReactTypeScript
4.8
45 min
+150 XP
Live coding environment
Build REST API with Auth
IntermediateCreate a RESTful API with JWT authentication using Node.js
Node.jsExpressMongoDB
4.6
60 min
+200 XP
Live coding environment
Real-time Chat Application
AdvancedBuild a chat app with WebSocket connections
ReactNode.jsSocket.io
4.9
90 min
+300 XP
Live coding environment
Redux Store from Scratch
IntermediateImplement a simplified Redux-like state management
TypeScriptReact
4.7
50 min
+180 XP
Live coding environment
Build a Form Validation Library
IntermediateCreate a reusable form validation library with TypeScript
TypeScript
4.5
40 min
+160 XP
Live coding environment
Implement Virtual DOM
AdvancedBuild a simplified virtual DOM diffing algorithm
JavaScriptTypeScript
4.9
120 min
+350 XP
Live coding environment