Problem
Cube practice tools are often either toy visualizers or isolated solvers, making it hard to learn, track, and validate solves in one system.
Case Study
3D Rubik's Cube Learning Platform
Full-stack 3D Rubik's Cube simulator and learning platform with React, Three.js, Node.js, Supabase, WebAssembly, and Python solver integration.
ReactThree.jsNode.jsTypeScriptJavaScriptSupabasePostgreSQLWebAssemblyPythonC++
Solution
Built a full-stack learning platform with an interactive 3D simulator, guided tutorials, authenticated solve tracking, leaderboards, and solver-backed API routes.
What I Did
Implemented the React/Three.js simulator and learning flows, Node.js API routes for scramble/solve orchestration, Supabase-backed auth and stats, and solver integration through C++ compiled to WebAssembly plus a Python solver bridge.
Challenges
Kept frontend and backend cube-state logic consistent across cube sizes while coordinating WebAssembly and Python solver paths behind validated API routes.