physiopal

• 

  Central hub with quick access to exercises, flashcards, quizzes, and placement notes.

• 

  Browse rehabilitation exercises by body region, each with clear instructions and resources.

• 

  Interactive flashcards that help users learn anatomy concepts in a fun, engaging way.

• 

  Practice quizzes to test knowledge, reinforce learning, and track progress over time.

• 

  Tool for students and patients to document placement experiences, track rehab routines, and reflect.

Inspiration

Physiotherapy exercises are essential for recovery, but many patients especially younger ones still struggle with consistency, motivation, and correct form. Our team wanted to make rehab more engaging and accessible by combining gamification, progress tracking, and AI guidance into one platform.

What it does

Physiopal is a web app that helps patients follow their physiotherapy routines more effectively:

Personalized exercise library with clear instructions and visuals.

Gamified flashcards & quizzes to help users learn proper technique.

Progress tracking & reporting so patients, caregivers, and clinicians can monitor improvement.

Placement & quiz modules that adapt difficulty as the patient progresses.

How we built it

Frontend: Next.js + TailwindCSS for a clean and responsive UI.

Backend & DB: Convex for real-time data and serverless functions.

Authentication: Clerk for secure login and patient–clinician role separation.

Deployment: Vercel & Netlify for fast, reliable hosting.

Collaboration: GitHub for version control and Figma for design prototypes.

Challenges we ran into

Getting Clerk and Convex to play nicely with Next.js App Router, especially with server–client rendering issues.

Debugging environment variables across local, Vercel, and Netlify deployments.

Designing exercises that are both clinically accurate and gamified without losing medical credibility.

Accomplishments that we're proud of

Built a fully functional prototype in a short timeframe.

Solved complex auth + data integration problems with Clerk + Convex.

Created an app that is patient-friendly yet clinician-relevant, bridging the gap between healthcare and gamified learning.

What we learned

How to manage Next.js dynamic/static rendering pitfalls when integrating third-party services.

The importance of clear environment variable management for multi-platform deployment.

How gamification can dramatically increase patient engagement in healthcare apps.

What's next for physiopal

Add AI-based posture detection (via camera) to give real-time feedback on exercise form.

Expand the exercise library with input from licensed physiotherapists.

Build a mobile app version for on-the-go rehab tracking.

Partner with clinics to pilot real patient adoption and collect outcome data.

Built With

• clerk-(authentication)
• convex-(serverless-database-&-functions)
• figma-(ui/ux-design)
• github
• netlify-(deployment)
• next.js-(app-router)
• react
• tailwindcss
• typescript
• vercel-(deployment)
• version