Web & UI/UX
Mustaka
Role
Full-Stack Web Developer & UI/UX Designer
Tech Stack
Timeline
November 2025 - December 2025

An interactive educational platform that virtually transports users into the Singhasari Kingdom, featuring in-browser AI Motion Capture.
Mustaka is an interactive educational platform that virtually transports users into the Singhasari Kingdom. For this project, I was recruited to collaborate with the team from the Center of Cultural Frontier Studies Universitas Brawijaya (CCFS UB), where I was responsible for both designing the UI/UX and developing the entire website. Built with Next.js 16 architecture, the application utilizes TensorFlow.js to deliver in-browser Motion Capture features, detecting user poses in real-time to match movements with 3D characters of Ken Arok & Ken Dedes (rendered using React Three Fiber). Backed by a solid backend with Supabase, Mustaka demonstrates a complex integration between WebGL, client-side Machine Learning, and modern architectural systems. Additionally, during its development, I was extensively assisted by AI technologies to optimize and accelerate the coding process.
Project Gallery

What Is Mustaka

Home

Curatorial Explore Singhasari

Curatorial Explore Singhasari

Ken Arok Motion Capture

Choose Character

Curatorial And Motion Capture Section

Partnership Section
Motion Capture Testing Video

Work Process Documentation

Work Process And D Artist Discussion

CCFS UB Team Documentation
