Proyek

Gateway Universe

Pintu gerbang utama ekosistem developer saya, dibangun dengan Next.js, React Three Fiber, dan Three.js. Proyek ditampilkan sebagai semesta 3D interaktif berisi dunia-dunia yang melayang, lengkap dengan tombol jeda animasi dan navigasi keyboard. Tautan dan detail proyeknya diambil dari konfigurasi kanonis yang dipakai bersama oleh semua aplikasi saya.

• Next.js
• React Three Fiber
• Three.js

Playdeck

Aplikasi presentasi interaktif yang mengubah slide menjadi dunia pixel-art yang bisa dimainkan: penonton berjalan menyusuri tiap adegan dan membuka checkpoint-nya dengan ritme sendiri. Tersedia pustaka lokal untuk membuat, mengimpor, dan memakai template presentasi, penyimpanan di browser, serta mode game terpisah dengan alur cerita. Dibangun dengan Next.js, TypeScript, dan game engine Phaser.

• Next.js
• React.js
• TypeScript
• Phaser

Page Layr

Page builder visual untuk menyusun situs multi-halaman dari blok tata letak, konten, media, dan formulir. Fiturnya mencakup pengeditan drag-and-drop, pratinjau desktop, tablet, dan mobile, undo/redo, template awal, serta ekspor HTML. Proyek disimpan di browser. Game puzzle pendampingnya, Restore Pages, memakai blok penyusun yang sama.

• Next.js
• React.js
• dnd-kit

Nikah Yuk

Marketplace perencanaan pernikahan untuk calon pengantin dan vendor lokal di Indonesia. Saya mengembangkan frontend Next.js-nya: pencarian vendor dan layanan dengan filter, kalkulator anggaran, checklist persiapan, alur akun, dan dukungan dua bahasa (Inggris dan Indonesia). Backend Go dikerjakan oleh kolaborator.

• Next.js
• React.js
• i18n

Tinyverse

Game restorasi dunia 3D berbasis browser dengan tiga mode untuk rentang usia berbeda. Di mode Code Adventure, pemain menulis JavaScript sungguhan di editor dalam game untuk memprogram robot, lalu menjalankan, menghentikan, dan mengatur ulang kodenya sambil melihat robot beraksi di dunia 3D. Tersedia dalam bahasa Inggris dan Indonesia.

• Three.js
• Vite
• JavaScript

Playnest

Kumpulan 18 game mini untuk anak kecil, mulai dari puzzle, memori, dan permainan edukatif hingga game multipemain, dengan rekomendasi game sesuai usia. Dibangun dengan Vite dan JavaScript murni sebagai PWA yang bisa dipasang dan tetap berjalan offline, dengan dua bahasa (Indonesia dan Inggris), tema terang dan gelap, serta dukungan pengaturan animasi berkurang.

• Vite
• JavaScript
• PWA

Neuran

Frontend platform pendidikan untuk sekolah. Aplikasi pertamanya adalah antarmuka administrasi sekolah dengan akses berbasis peran, seperti admin sekolah, keuangan, guru, siswa, dan orang tua; aplikasi LMS, keterampilan, dan komunitas masih direncanakan. Saat ini memakai data tiruan (mock) dan pengembangannya sedang dijeda.

• Next.js
• React.js

Config Ecosystem

Sumber data tunggal untuk ekosistem developer saya: metadata proyek, skema JSON, skrip validasi, dan konfigurasi hasil generate yang dipakai aplikasi-aplikasi saya, termasuk CV ini. Validasinya berjalan di GitHub Actions.

• JSON Schema
• Node.js
• GitHub Actions

Multiple Git Clone

Skrip Bash yang saya tulis sebagai instruktur bootcamp untuk mengelola repositori GitHub Classroom para mentee sekaligus: meng-clone tugas, mengarsipkan dan membuka kembali arsip repositori dengan GitHub CLI, menginstal dependensi, dan menjalankan tes.

• Bash
• GitHub CLI

Developer Roadmap

Repositori belajar publik yang terinspirasi roadmap.sh, berisi catatan bahasa pemrograman, proyek latihan, serta jalur belajar berdasarkan peran dan keterampilan.

• Node.js
• Python
• FastAPI
• Shopify
• +1

JavaScriptia

RPG pixel-art (early access) untuk belajar JavaScript lewat eksplorasi, pertarungan, dan ujian guild. Dibangun dengan React, Phaser 3, TypeScript, Vite, dan 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