← Back

Work08

PyCodeChallenger

An interactive Python coding challenge platform with real in-browser code execution, progress tracking, and a clean editor experience.

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

The project

PyCodeChallenger is a web app that helps people practice Python by solving coding challenges directly in the browser.

It solves a common problem for beginners and intermediate learners: needing a fast, no-setup way to write and test Python code without installing anything locally.

Key features:

  • Real Python execution in the browser using Pyodide (Python compiled to WebAssembly), no backend needed
  • Monaco Editor (the same editor used in VS Code) with Python syntax highlighting
  • Challenges organized by difficulty, from beginner to advanced (arrays, functions, loops, recursion, algorithms, and more)
  • Instant feedback with test cases and hints for each challenge
  • Progress is saved locally, so completed challenges stay marked between visits
  • Dark and light mode support
  • Fully responsive, works on desktop, tablet, and mobile

Next project

All work

Uptime Kuma Monitoring

Work and Travel Guide GmbH (WTG) · DevOps