BianStudent
← All work

05

Live Coding Lab

A practice app for interview-style live coding tests, with 55 problems across 9 categories and automatic scoring.

Live Coding Lab cover

Role

Solo developer

Tech stack

JavaScript · HTML · CSS · CodeMirror · Cloudflare

Problem

Practising for a live coding interview usually means grinding problems with no feedback on anything except whether the tests pass. Code quality, speed, and topic coverage stay invisible.

What I built

A static practice app with a built-in editor and automatic grading. Solutions run in a sandboxed iframe against test cases, and the code is also reviewed for quality issues like var, loose equality, deep nesting, and naming. Feedback explains what is missing instead of only reporting a score. There is no build step, so it opens straight from file:// and deploys anywhere.

Features

  • 55 problems across 9 categories
  • Built-in CodeMirror editor for JavaScript, HTML, CSS, and SQL
  • Automatic scoring from test cases in a sandboxed iframe
  • Code quality analysis covering var, loose equality, nesting, naming, and comments
  • Feedback that explains what is missing, not just the score
  • Exam simulation mode with question count, duration, difficulty, and a per-question timer
  • History with per-category progress, daily streak, and exam results
  • Interview readiness verdict across five dimensions and role fit
  • Local identity stored only in the browser
  • Mobile friendly layout, including landscape phone

Links