WEB PRODUCT · FLEXIBILITY & MOBILITY
An interactive 3D flexibility and mobility tracker that connects a body region to a guided session, then makes recorded consistency visible over time.
React · TypeScript · Three.js · React Three Fiber · Vitest · Cloudflare
PROJECT SNAPSHOT
A generic exercise list or standalone timer leaves the user to connect a body region to a session and remember what they have included recently. I wanted a fast way to choose an area, understand the movement, and see the pattern of recorded practice.
Full Stretch starts from an anatomical region or a ready-made routine. Static stretching combines setup and hold diagrams, a timer, and explicit side and set steps. Mobility offers a separate sequence of dynamic movements with timed steps and user-confirmed repetitions.
The front/back Three.js map connects region selection to the matching stretch. Today and Coverage views derive their colors from recorded activity. Equivalent text controls offer another way to choose every region, and the anatomy scene loads separately from the main application.
Timestamp-based session state reconciles pauses, elapsed time, and reloads. Finishing a hold does not automatically start the next side or set: the user explicitly advances. Flexibility and Mobility have distinct activity engines behind one resumable session slot, with validation that prevents duplicate results.
Weekly schedule snapshots preserve the plan used for each week. Completed sessions drive coverage, Complete Weeks, streaks, and milestones. Missing historical schedules are not invented, and warm-up activity stays separate from static stretch coverage.
Coverage describes recorded frequency, not anatomical health or measured flexibility. Baseline comparisons reflect the user's own self-reported responses. The interface keeps those assessments separate from activity history and makes no clinical or injury-prevention claims.
Full Stretch complements Full Body as a separate product. It uses validated, versioned browser storage for profile, active session, history, and weekly plans. No account is required, and there is no shared fitness backend or automatic data exchange between the two apps. Clearing site storage removes local records.
The v1.0.0 release passed 285 automated tests, a production build, type checking, and live HTTPS workflow checks. Responsive checks reached 320 pixels. The release also includes keyboard-accessible controls, native dialogs, and reduced-motion handling; a formal accessibility certification is not claimed.