Projects

Gateway Universe

The 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.js
• React Three Fiber
• Three.js

Playdeck

An 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.js
• React.js
• TypeScript
• Phaser

Page Layr

A 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.js
• React.js
• dnd-kit

Nikah Yuk

A 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.js
• React.js
• i18n

Tinyverse

A 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.js
• Vite
• JavaScript

Playnest

A 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.

• Vite
• JavaScript
• PWA

Neuran

The 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.js
• React.js

Config Ecosystem

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 Schema
• Node.js
• GitHub Actions

Multiple Git Clone

Bash 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.

• Bash
• GitHub CLI

Developer Roadmap

A 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.js
• Python
• FastAPI
• Shopify
• +1

JavaScriptia

An early-access pixel-art RPG for learning JavaScript through exploration, battles and guild exams. Built with React, Phaser 3, TypeScript, Vite and Zustand.

• React.js
• Phaser
• TypeScript
• Vite
• +1

CV

DevTools

Games

Learning

Learning Roadmap

Projects

Support

Tools

CSS Tricks

FM Monorepo

Foodie Map

Inventory

A demo inventory management application that uses mock data.

Node API

Playground

Scriptoria

TCG Hub

CareerLens

KodeStep

Nikah Kuy

Nikah Yuk Prototype