Built and shipped Learning Studio, a polished ebook-style preparation platform for senior frontend engineers. The project turns a large interview handbook into a structured Next.js and MDX learning experience with adaptive volumes, topic cards, batch revision packs, last-minute cheat sheets, mock interview prompts, local reading progress, canonical SEO metadata, JSON-LD structured data, sitemap generation, and JavaScript/TypeScript practice grounds. It is designed as both a study product and a portfolio case study that demonstrates product thinking, content architecture, frontend system design, and incremental delivery.
Challenge
Large interview preparation material can become difficult to navigate, review, and maintain when it is generated as one long document. The goal was to create a scalable learning surface where chapters, volumes, batches, cheat sheets, mock interviews, reading progress, and practice consoles can grow incrementally without losing structure or review quality.
Architecture
Built a static-first Next.js App Router application with MDX-backed handbook chapters, JSON metadata for batches and topics, generated sitemap and robots routes, route-specific metadata, JSON-LD structured data, localStorage-backed reading progress, and separate JavaScript and TypeScript practice grounds. Content is organized into versioned volumes and committed in reviewable batches so the handbook can expand while preserving navigation, SEO, and reader progress.
