Create Browse Workouts UI

[andrew-sequeira]

User Story As a user I would like to be able to browse various preset workouts so that I am able to just follow a specific plan and don't need to research what to do

Description The Browse Workouts UI Page task involves designing and implementing the user interface for browsing workouts. This includes creating a visually appealing and intuitive page where users can explore different workout categories, view workout details, and access additional information about each workout.

Acceptance Criteria

• [x] UI aesthetic matches with other pages
• [x] Ability to filter by workout types and categories
• [x] allow for clicking on workout to view more details (all exercises within it) -> will display different page
• [x] capability to search for specific workout
• [x] ensure user friendly scrolling ie all workouts loaded at once so no delay when scrolling
• [x] integration with back end API for seamless and fast access of workout information
• [x] responsive design for various screen sizes

Testing

• [x] verify browse workout page is accessible from navbar and other pages
• [x] test display of workouts and ensure nice layout/design
• [x] test filtering to ensure works as expected
• [x] test functionality of viewing more info on workout and ensure accurate information
• [x] conduct usability test to ensure it is easy to use and understand
• [x] test responsiveness across different devices

[andrew-sequeira]

ui is easy to use and seems to work well on mobile size