Back to Projects
Interview Code Editor
A web-based coding interview platform with Monaco editor, multi-language execution in Java, Python, C++, and JS, plus GPT-4o-powered evaluation and scoring.
The Problem
Coding interview prep tools offer automated test cases but miss the qualitative feedback that real interviewers provide — code readability, approach elegance, and communication of trade-offs. Candidates need AI-powered evaluation that goes beyond pass/fail to help them understand how their code would be perceived in a real interview.
The Approach
I combined a Monaco-based code editor with multi-tier execution (client-side for HTML/JS, server-side for compiled languages, and AI-powered for evaluation). GPT-4o analyzes submitted code holistically — examining not just correctness but also algorithm choice, code organization, edge case handling, and style conventions specific to each language.
Technical Details
Next.js provides the application shell with Monaco Editor for the coding experience. Supabase stores user sessions, submissions, and evaluation history. The execution pipeline supports client-side JavaScript/HTML rendering, server-side compilation for Java and C++, and API-based evaluation through GPT-4o. The AI evaluation prompt is carefully structured to produce consistent, rubric-based scoring across different languages and problem types.
The Outcome
Deployed a coding interview platform with 5 multi-language challenges, real-time code execution, and AI-generated evaluation reports. The GPT-4o evaluation provides per-question scoring, skill level classification, and hiring recommendations with specific justifications — giving candidates the kind of detailed feedback they would typically only get from a human interviewer.
Tech Stack
Next.jsMonaco EditorOpenAISupabaseTypeScript
Related Projects
Multilingual Chat
A real-time chat application that breaks language barriers using Sutra AI-powered translation, letting users communicate in 10+ languages within private rooms.
FableWeaver.ai
An AI-powered interactive storytelling platform where users create unique characters, weave branching narratives, and explore adaptive story worlds in real time.
NexiMeet
An all-in-one virtual events platform with live streaming, exhibitor booths, real-time chat, and attendee engagement tools built with Next.js and Stream.