DEV Community

Nachiket Salvi
Nachiket Salvi

Posted on Originally published at frontend-interview.com

Frontend Interview Prep – 256 questions with in-browser editors

https://frontend-interview.com
I kept hitting the same wall prepping for frontend interviews: plenty of
question lists, but each one is either a wall of text or a paywalled course,
and none let me actually run the code where I'm reading it.
So I built this. 256 questions across HTML/CSS, the browser, JavaScript,
TypeScript, React, system design, and DSA. The organizing idea is one skill I
think interviews really test: reading a problem and knowing which technique it
wants. So every question pairs the signal ("you need to cache by argument") with
the tool ("memoize with a Map keyed on args"), then walks the same idea from
easy to hard.
What's actually different:

  • Every code question has an in-browser editor. You write a solution and run it against the console/preview right there — no setup, no signup.
  • Each question also has its own page, so you can link a single question to a friend instead of a giant list.
  • There's a "copy as prompt" button that hands you a ready-made "quiz me on this" prompt for ChatGPT/Claude if you want to drill with an LLM. Tech, for the HN crowd: it's a zero-dependency static site. One build.js with system Node, no npm, no framework — questions are plain data files, the whole site (256 detail pages, sitemap, RSS) is generated in one pass and deployed on Netlify. The editors are CodeMirror + Babel running code in a sandboxed iframe via srcdoc/postMessage. It's free and has no signup. It does run AdSense to cover hosting — happy to hear if that's intrusive. I'd genuinely like feedback on two things: (1) are the question difficulties calibrated right, and (2) which areas feel thin (I know system design and TypeScript are light right now). Thanks for taking a look. https://frontend-interview.com

Top comments (0)