All Projects Spec Ready
Dance Elementz
Video learning platform for deliberate practice
Vue 3Video.jsSupabaseTypeScript
The Problem
Learning dance moves from videos is frustrating. You pause, rewind, lose your place. Speed controls are clunky.
The Solution
A dedicated video platform for dancers with A/B looping, fine-grained speed control, and mastery tracking.
Key Features
- A/B loop sections for practice
- Speed control from 0.1x to 2x
- Segment mastery tracking
- Practice session history
- Mobile-friendly for studio use
Architecture
Video.js with custom controls, Supabase for user data and progress tracking, Vue 3 for the UI.
Challenges
- Video.js customization for non-standard controls
- Smooth speed transitions
- Mobile video playback quirks
Lessons Learned
- Domain-specific tools can be 10x better than generic ones
- Deliberate practice principles apply to software too
- Building for yourself reveals real user needs
Interested in this project or want to collaborate?
Get in Touch