Arkham Labs - DC inspired coding platform

Just wrapped up my project Arkham Labs for the ChaiCode LeetLab Challenge, and I wanted to share what exactly I built:

I didn’t want to create just another LeetCode clone, so I gave it my own twist and went all in.

As a huge Batman fan, I gave the platform a batman-themed aesthetic, built all UI components from scratch (no external libraries), crafted backgrounds in Figma, and added tasteful animations with Framer Motion.

Oh, and I was building this alongside my semester exams, definitely one of the craziest sprints I’ve done.

Worth it.

🗝️ Key Features

• Developed a LeetCode-style platform with real-time collaborative editing using Liveblocks (first time using it) and self-hosted Judge0 on Azure VM for code execution.

• Integrated "Alfred" AI assistant using Groq API to provide contextual coding help and guidance during problem-solving. (first time using it)

• Designed and implemented secure JWT-based auth, dynamic dashboards, and a robust problem creation and submission flow.

• Built an in-browser code editor with syntax highlighting, test cases, dark/light mode toggle, and output formatting.

• Enhanced user experience with features like Mark/Save for Revision, contribution graph (like LeetCode), and creating DSA questions playlists.

• Managed forms and validation via Zod + React Hook Form, ensuring clean UX and data safety.

• Dockerized backend services for scalable deployment and integrated PostgreSQL + Prisma ORM for efficient data modeling.

Along the way, I also:

Learned NGINX from scratch for reverse proxy

Handled Docker networking headaches

Wrote ecosystem configs for pm2, debugged endlessly and shipped on time

This has been one of my biggest learning curves yet and I’m proud of the result.

Project walkthrough: https://youtu.be/Rczr7Lizdy0?feature=shared

Hitesh Sir's reaction on my project: https://youtu.be/1-ANY5vd8m4?feature=shared