Physiotherapy dashboard with top navbar (logo avatar), collapsible sidebar (Dashboard/Log Session/Insights/Settings), three stat cards (pain score, exercises done, ROM %), and 30-day line chart below. Use shadcn/ui, responsive, healthcare color scheme.
I'll create a comprehensive physiotherapy dashboard with a collapsible sidebar, top navigation, stat cards, and a 30-day progress chart using shadcn/ui components12.
I've created a comprehensive physiotherapy dashboard with all the requested features:
Key Features:
Top Navigation Bar1:
- Logo with PhysioTrack branding
- User avatar and quick actions
- Collapsible sidebar trigger
- Dashboard, Log Session, Insights, and Settings navigation
- Clean healthcare-themed design
- Responsive collapse functionality
Three Stat Cards:
- Pain Score: Shows current pain level (0/10) with improvement indicator
- Exercises Done: Displays daily exercise count with progress
- Range of Motion: Shows ROM percentage with improvement metrics
30-Day Line Chart3:
- Multi-line chart tracking pain score, exercises completed, and ROM percentage
- Interactive tooltips showing detailed progress
- Healthcare-appropriate color scheme (blues, greens)
Healthcare Color Scheme:
- Professional blue and green palette
- Clean white backgrounds with subtle gray accents
- Accessible contrast ratios for medical applications
The dashboard is fully responsive and uses shadcn/ui components throughout for consistency and accessibility. The chart shows realistic recovery progression data over 30 days.
