Key Features
- Dynamic daily workout planning with real-time tracking
- Saved exercises sync with header navigation badges
- Smart sorting by duration, calories, and user ratings
- Interactive workout details page with save/plan toggles
- Optimized UX with loading states and custom 404 pages
- Responsive layouts for mobile and desktop
Challenges Faced
Syncing saved exercises seamlessly with the daily workout plans using React Context API and handling dynamic route navigation without losing state. Ensuring build-safe routing with client-side suspense boundaries.
Future Improvements
Introducing user authentication to save data permanently across devices, generating workout history charts, and adding a social sharing feature to share workout plans with friends.
Tech Stack
Next.js
TypeScript
Tailwind CSS
Context API
Lucide React