
Arkham Labs is a DC-inspired coding platform for mastering data structures and algorithms.
I built Arkham Labs as part of the ChaiCode LeetLab Challenge, aiming to reimagine the classic coding prep experience but with my own creative spin.
As a huge Batman fan, I gave the platform a batman-themed aesthetic, custom built background images in Figma, no UI libraries for the components and tasteful animations using framer motion.
AI Assistant (Alfred)
Integrated using Groq API, helps you debug and gives you hints right within the code editor.
Real-time Collaborative Editing
Built with Liveblocks, lets multiple users code together in sync, like Google Docs for coding.
User Stats & Contribution Graphs
Similar to LeetCode, track your progress visually and stay motivated.
Dynamic Playlists
Create, manage, and solve problems via custom playlists.
Light/Dark Mode & Smooth Animations
Built from scratch for a clean, intuitive UX.
Frontend: React.js + Tailwind CSS + Framer Motion + Figma
Backend: Node.js + Express.js
Database: PostgreSQL (self-hosted)
ORM: Prisma
Code Execution: Judge0 (Dockerized, 4-container setup)
AI: Groq API (llama3-70b-8192)
Collaboration: Liveblocks
Deployment: Azure VM + Docker + PM2 + ecosystem.config.js
This project helped me grow immensely, from real-time sync logic to VM deployment, container orchestration, and first-time AI integrations.
Built with