Mobility Motion PT

Physical therapy web app for mobility and flexibility care, with separate patient and therapist experiences, exercise assignment, issue tracking, and post-session movement assessment.

Preview

Landing and sign-in

Therapist dashboard

Patient dashboard

What it does

Mobility Motion PT is a polished single-page prototype for digital physical therapy workflows. It helps patients track how they move and helps therapists guide recovery with clearer visibility into progress.

Patient experience

• Create a patient account
• Record issues by body area, severity, limitation, and goal
• View mobility, flexibility, movement quality, and confidence ratings
• Log post-exercise assessments with pain before and after
• Review assigned exercises and recent movement history
• Watch therapist demo videos for assigned movements

Therapist experience

• Create a therapist account
• Review a patient roster with progress signals
• Assign exercises to specific patients
• Add custom exercises to the library
• Attach YouTube, Vimeo, Loom, MP4/WebM, or local demo video links to exercises
• Monitor adherence, movement gains, and pain-response alerts

Key features

• Role-based patient and therapist accounts
• Local persistence with localStorage
• Seeded demo data for immediate exploration
• Therapist-to-patient exercise assignment flow
• In-app demonstration video viewer for exercise movements
• Movement score tracking across multiple dimensions
• Responsive UI for desktop and mobile
• Standalone static frontend with an optional Node server

Demo accounts

• Therapist: aria@mobilitymotion.demo / demo123
• Patient: jamie@mobilitymotion.demo / demo123

Run locally

Open index.html directly in a browser, or run the local server:

npm start

If PowerShell still says node or npm is not recognized right after installation, close the terminal and open a new one. You can also run the installed binaries directly:

& "C:\Program Files\nodejs\node.exe" server.js
& "C:\Program Files\nodejs\npm.cmd" start

The app will be available at http://localhost:3000.

Demo URLs

These direct demo routes are helpful for screenshots, walkthroughs, or quick product reviews:

• index.html?demo=therapist
• index.html?demo=patient
• index.html?demo=sam

Project structure

• index.html: app shell
• styles.css: visual system and responsive layout
• app.js: state, auth flows, dashboards, forms, and calculations
• server.js: simple Node static server

Notes

• This prototype stores data in the browser only.
• Reset demo data restores the seeded sample state.
• No external database or authentication provider is required for the current version.