01 / Problem
BJJ students build their game across scattered notes, memory, and coach feedback, which makes it hard to see gaps or understand how positions connect.
All Projects 
Jiujitsio
Map your jiu-jitsu game. Positions as nodes, techniques as edges, with notes on every transition.
Nuxt 4SupabaseVue FlowThree.js
Case Study
From rough idea to useful product
02 / Build
I built an interactive map where positions are nodes and techniques are transitions, with notes, tags, Supabase sync, Vue Flow editing, and Three.js exploration.
03 / Result
Jiujitsio turns a messy training system into a visual model, helping practitioners understand their game faster and make better use of mat time.
About this project
Jiujitsio is a visual game-planning tool for Brazilian jiu-jitsu practitioners. In BJJ, your "game" is the web of positions you play and the techniques that connect them. Most people keep this map in their head or scribble it in notebooks — Jiujitsio makes it interactive.
Positions are represented as nodes on a graph, and techniques are the edges connecting them. You can add notes to every transition, tag positions by type (guard, mount, back, etc.), and zoom into sub-systems of your game. The 3D visualization powered by Three.js lets you explore your game spatially, while the 2D Vue Flow view is better for detailed editing.
The stack is Nuxt 4 with Supabase for auth and data persistence, Vue Flow for the 2D node editor, and Three.js for the 3D visualization. Supabase handles user accounts so your game map syncs across devices. The goal is to help practitioners think more systematically about their training — see the gaps, find the patterns, and build a more connected game.
Have a specific build in mind?
Send the problem, timeline, and budget range.