How rohanislambd/fit-log-nextjs-app works
Workout Planner is a Next.js workout browser and personal planning app. Users browse a workout library, open a workout’s details, then add it to today’s plan or save it for later; the My Plan page lets them switch lists, sort workouts, review totals, and remove entries. The graph reflects the sampled library page and detail components plus README-documented capabilities. Detail-route data retrieval and persistence wiring were not sampled; Local Storage is documented, but its implementation is not shown.
Main entry points: WorkoutProvider.tsx Workout state provider · my-plan/page.tsx My Plan page · workouts/page.tsx Workout library · HomePage.tsx Home content
Components 18
Workout discovery
- Home page
src/app/page.tsx - Library banner
src/components/home/Banner.tsx - Home content
src/components/home/HomePage.tsx - Workout library
src/app/workouts/page.tsx - Workout data access
src/lib/dataFatch.ts - Workout card
src/components/workouts/WorkoutCard.tsx
Workout details
- Workout detail route
src/app/workouts/[id]/page.tsx - Workout details
src/components/workouts/WorkoutDetails.tsx - Add to plan
src/components/workouts/AddToPlanButton.tsx - Save for later
src/components/workouts/SaveForLaterButton.tsx
Plan management
- My Plan page
src/app/my-plan/page.tsx - Plan workout card
src/components/myplan/MyPlanCard.tsx - Mark done control
src/components/myplan/MarkDoneButton.tsx - Empty plan state
src/components/myplan/EmtyDataCard.tsx - Plan navigation
src/components/shared/Navbar.tsx
Shared state
- Workout state provider
src/context/WorkoutProvider.tsx - Local Storage
Other components
- User
Connections 20
- User → Home page: opens
- Home page → Home content: renders
- Home content → Library banner: renders
- Home content → Workout library: renders
- Workout library → Workout data access: loads workouts
- Workout library → Workout card: renders
- User → Workout library: browses
- User → Workout detail route: opens workout
- Workout detail route → Workout details: renders
- Workout details → Add to plan: offers action
- Workout details → Save for later: offers action
- Add to plan → Workout state provider: updates plan
- Save for later → Workout state provider: updates saved list
- User → My Plan page: manages lists
- My Plan page → Workout state provider: reads and updates
- My Plan page → Plan workout card: renders workouts
- My Plan page → Empty plan state: renders when empty
- Plan workout card → Mark done control: shows for today
- Plan navigation → Workout state provider: reads counts
- Workout state provider → Local Storage: persists plan data