03 — Coding Practice Platform
Playgroundish
A full-stack practice platform built around messy, real-world engineering problems — an in-browser editor and submission flow on one side, an authoring portal on the other.
- TypeScript
- Next.js
- React
- PostgreSQL
Problem
Practice sites optimise for interview performance: self-contained puzzles with a clean spec and one right answer. Very little of that resembles the work.
Playgroundish is built on the opposite premise — problems with vague specs, evolving requirements and legacy constraints, closer to the systems people actually maintain.
Editor & submission flow
A problem opens into an interactive editor in the browser. You read the statement, write against it and submit, with submissions recorded per problem so the attempt history is part of the product rather than a throwaway.
Problem management
Content is the hard half of a platform like this, so authoring got a real surface: an admin portal for creating and managing problems, keeping the catalogue editable without a deploy.
Shape of the build
It is a full-stack product rather than a page — an authenticated app, a persistent data model behind the problems and submissions, and two distinct audiences (solver and author) sharing one system.