CodeCoach

Inspiration

We've all been there - you crush LeetCode problems alone, but freeze the moment an interviewer asks
"walk me through your thinking." Traditional coding prep tools only check if your code works. They
ignore the part that actually matters in interviews: explaining yourself clearly while coding under
pressure.

I built CodeCoach to practice both at once.

## What it does

It's a split-screen interview simulator. Code on the left (Monaco editor), voice recorder on the right. When you submit, Claude AI evaluates your code AND your verbal explanation, giving you scores on
communication, problem-solving approach, code quality, and overall interview readiness.

There's also a hints system (with score penalties), progress tracking, and a dashboard to see
improvement over time.

## How I built it

• Frontend: React + TypeScript + Vite, Monaco Editor for coding, Tailwind for styling
  
• Backend: FastAPI (Python) + SQLite
  
• AI: Claude for evaluation, ElevenLabs for speech-to-text
  
• Hosting: Vercel (frontend) + Render (backend)
  

## Challenges

Getting consistent JSON output from Claude took a lot of prompt iteration. Audio recording across
browsers was finicky. Building a useful demo mode without requiring API keys was tricky but worth it.

## What's next

Video recording for body language feedback, and more problems otw!

Built With

• claude-api
• elevenlabs-api
• fastapi
• monaco-editor
• python
• react
• sqlite
• tailwind-css
• typescript
• vercel