The challenge
Mentem needed a scalable platform for delivering educational mini-games to learners across devices. Existing e-learning tools were either too rigid (LMS-style, no custom game logic) or too fragmented (individual HTML5 files with no shared infrastructure). They needed a system where new games could be added by a developer without rebuilding the platform, and where content (questions, images, answers) could be updated by a non-technical editor.
Our solution
We designed a TypeScript monorepo with three layers: a shared game engine package (shared components, hooks, game state logic), a content admin (minimalist CMS for texts/images/correct answers per game), and a PWA dashboard that serves all games in a Netflix-style grid. Each game is an isolated package that consumes the shared engine. Built with Turbo, pnpm workspaces, and Vite per package. Deployed on Kubernetes with nginx routing. Three layout variants per game: desktop landscape, tablet, mobile portrait.
Result
Platform shipped with 20 games live. New games can be scaffolded and integrated by a developer in a day. Content updates are self-serve via the admin. The PWA installs on any device, offline-capable via service workers.
What we built
- 20+ individually implemented educational mini-games
- Shared game engine package with common components and hooks
- Minimalist CMS admin for non-developer content management
- Netflix-style PWA dashboard with offline support
- 3 responsive layout variants per game (desktop, tablet, mobile)
- Turbo monorepo + pnpm workspaces for fast incremental builds
- Kubernetes deployment with nginx routing per app
- Docker multi-stage builds for each package
- Figma design system integration for game assets
Visuals
