Web & UI/UX

Mustaka

Role

Full-Stack Web Developer & UI/UX Designer

Tech Stack

Next.jsNext.jsTypeScriptTypeScriptThree.jsThree.jsTensorFlow.jsTensorFlow.jsTailwind CSSTailwind CSSSupabaseSupabaseFigmaFigmaGitHubGitHub

Timeline

November 2025 - December 2025
Mustaka Hero Image

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

Project screenshot 1

What Is Mustaka

Project screenshot 2

Home

Project screenshot 3

Curatorial Explore Singhasari

Project screenshot 4

Curatorial Explore Singhasari

Project screenshot 5

Ken Arok Motion Capture

Project screenshot 6

Choose Character

Project screenshot 7

Curatorial And Motion Capture Section

Project screenshot 8

Partnership Section

Motion Capture Testing Video

Project screenshot 10

Work Process Documentation

Project screenshot 11

Work Process And D Artist Discussion

Project screenshot 12

CCFS UB Team Documentation