top of page

Unlimited Workout: Personalized Fitness Tutorials Generator

An interactive website that customizes workout tutorials based on user preferences, offering tailored fitness solutions for all levels

Unlimited Workout: Personalized Fitness Tutorials Generator

"Unlimited Workout" is an interactive website I designed as part of an undergraduate class, aimed at customizing workout tutorials based on user preferences. The website addresses a challenge faced by many during the pandemic: with gyms inaccessible and an overwhelming number of online resources, it became difficult for people to find suitable workout videos and build consistent exercise routines. To solve this, Unlimited Workout offers a simple questionnaire to determine users’ fitness goals, experience levels, available time, targeted body parts, and preferred equipment. Based on these inputs, it generates tailored YouTube video recommendations, catering to a range of needs from muscle building to stretching, for beginners to advanced exercisers. The ultimate goal is to encourage people to develop regular exercise habits, even with limited conditions, by making it easy and personalized to find the right tutorials using online resources.

#Javascipt, #Website Design, #HTML/CSS, #User Experience

Click Here to Visit Unlimited Workout


Taplop View(Home page, Video Library page, About page)


Mobile View(Home page, Video Library page, About page)


Key Features

  • User Questionnaire: The site prompts users with questions about their workout goals (e.g., building muscles, losing weight, stretching), experience level (beginner, intermediate, advanced), available time (less than 30 minutes, 30 to 60 minutes), target body parts (abs, full body, lower body, upper body), and preferred equipment (none, yoga mat).

  • Personalized Video Recommendations: Based on the user's responses, the site generates a selection of workout videos tailored to their specific needs and preferences.

  • Intuitive Interface: The website features a clean and straightforward design, making it easy for users to navigate through the questionnaire and access their customized workout tutorials.


Audience

My primary audience would be anybody wanting to exercise outside of gyms: they could be people who do not have time or access to gyms, are overwhelmed with online resources, and need help knowing where to start. They could also be people who just want to relax their bodies and take a mental break from busy work.


Development Process

The website was developed using HTML, CSS, and JavaScript, with a focus on creating an interactive and user-friendly experience. As the sole developer, I was responsible for the entire design and implementation process, from conceptualizing the idea to deploying the final product. The website is hosted on GitHub, ensuring easy accessibility and seamless performance.


List of Files

Project Proposal

Design Documentation

Wireframe

bottom of page