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.

Key Features

• 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.

Tech Stack

• 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.