← Back

Work15

JSCodeChallenger

An interactive JavaScript learning platform with coding challenges, an in-browser code editor, and instant test feedback.

Live site
Code
Role
Frontend
Built for
Personal
Status
active
Stack
React, TypeScript, Tailwind CSS, Vite, Monaco Editor
Fig. 01
Fig. 02
Fig. 03
Fig. 04

The project

JSCodeChallenger is a web app for practicing JavaScript through hands-on coding challenges, built for developers who want to sharpen their skills without signing up for anything.

It solves a simple problem: most coding practice sites require accounts or feel cluttered. This one is free, has no sign-up, and gets straight to the point.

Key features:

  • Challenges organized by difficulty, from beginner (arrays, loops, conditionals) to advanced (recursion, algorithms, data structures)
  • Built-in Monaco code editor (the same editor used in VS Code) with syntax highlighting and auto-completion
  • Instant test feedback so you know right away if your solution works
  • Progress tracking saved locally, with visual indicators for completed challenges
  • Dark and light mode support
  • Fully responsive, works on desktop, tablet, and mobile

Next project

All work

AI Chatbot

Personal · Fullstack