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 1

Curatorial Explore Singhasari 2

Ken Arok Motion Capture

Choose Character

Curatorial And Motion Capture Section

Partnership Section
Motion Capture Testing Video

Work Process Documentation

Work Process And 3D Artist Discussion

CCFS UB Team Documentation
