Library
31 projects
Every project in my developer ecosystem, from shipped products to experiments.
Featured
31 of 31 projects
FeaturedEcosystemActiveThe central gateway to my developer ecosystem, built with Next.js, React Three Fiber and Three.js. Projects are presented as an interactive 3D universe of floating worlds, with a pause-motion control and keyboard navigation. Project links and details come from the shared canonical configuration used across my apps.
Next.jsReact Three FiberThree.js
FeaturedWeb AppsActiveAn interactive presentation app that turns slides into a playable pixel-art world: viewers walk through each scene and open its checkpoint at their own pace. It includes a local library for creating, importing and templating presentations, in-browser persistence, and a separate story-driven game mode. Built with Next.js, TypeScript and the Phaser game engine.
Next.jsReact.jsTypeScript+1
FeaturedWeb AppsActiveA visual page builder for composing multi-page sites from layout, content, media and form blocks, with drag-and-drop editing, desktop, tablet and mobile previews, undo and redo, starter templates and HTML export. Projects are saved locally in the browser. A companion puzzle game, Restore Pages, reuses the same building blocks.
Next.jsReact.jsdnd-kit
FeaturedWeb AppsActiveA wedding-planning marketplace for couples and local vendors in Indonesia. I developed the Next.js frontend: vendor and service browsing with filters, a budget calculator, a planning checklist, account flows, and English and Indonesian localization. The Go backend was built by a collaborator.
Next.jsReact.jsi18n
FeaturedGamesActiveA browser-based 3D world-restoration game with three modes for different ages. In Code Adventure, players write real JavaScript in an in-game editor to program a robot, then run, stop and reset their code while it acts in the 3D world. Available in English and Indonesian.
Three.jsViteJavaScript
FeaturedGamesActiveA collection of 18 mini-games for young children, including puzzle, memory, learning and multiplayer games, with age-based suggestions. Built with Vite and vanilla JavaScript as an installable PWA that keeps working offline, with Indonesian and English, light and dark themes, and reduced-motion styles.
ViteJavaScriptPWA
FeaturedWeb AppsPausedThe frontend of an education platform for schools. Its first app is a school-administration interface with role-based access for roles such as school admin, finance, teacher, student and parent; LMS, skills and community apps are planned. It runs on mock data, and development is currently paused.
Next.jsReact.js
- EcosystemActive
The single source of truth for my developer ecosystem: project metadata, JSON schemas, validation scripts and a generated configuration consumed by my apps, including this CV. Validation runs in GitHub Actions.
JSON SchemaNode.jsGitHub Actions
Developer ToolsCompletedBash scripts I wrote as a bootcamp instructor to manage my mentees' GitHub Classroom repositories in bulk: cloning assignments, archiving and unarchiving repositories with the GitHub CLI, installing dependencies and running tests.
BashGitHub CLI
LearningPausedA public learning repository inspired by roadmap.sh, with notes on programming languages, hands-on practice projects, and role-based and skill-based learning paths.
Node.jsPythonFastAPI+2
LearningActiveAn early-access pixel-art RPG for learning JavaScript through exploration, battles and guild exams. Built with React, Phaser 3, TypeScript, Vite and Zustand.
React.jsPhaserTypeScript+2
- EcosystemActive
- Developer ToolsActive
- GamesActive
- LearningActive
- LearningActive
- Web AppsActive
- EcosystemActive
- Developer ToolsActive
- ExperimentsPaused
- Web AppsPaused
- Web AppsPaused
- Web AppsPaused
A demo inventory management application that uses mock data.
- ExperimentsPaused
- Web AppsPaused
- GamesPaused
- Web AppsPaused
- Developer ToolsCompleted
- LearningCompleted
- Web AppsCompleted
- Web AppsCompleted