Open-Code-Crafters / FitFlex

FitFlex is a fitness and weight loss website offering daily, structured workout plans for a set period. Users can follow day-wise exercises tailored to their goals, whether for weight loss, muscle gain, or general fitness. With a simple, user-friendly interface, FitFlex helps track progress and stay consistent throughout their fitness journey.
https://befiteveryday.netlify.app
MIT License
25 stars 29 forks source link

[Feature Request]: Feature Request: Add Video Demonstrations for Exercises #79

Open nishant4500 opened 16 hours ago

nishant4500 commented 16 hours ago

Is there an existing issue for this?

Feature Description

Currently, the application provides exercises without video demonstrations. The goal of this feature request is to add a video demonstration for each exercise, allowing users to visually learn how to perform the exercises effectively.

Expected Behavior Each exercise in the application will have an associated video demonstration. Users can click on a video link or play the video directly on the exercise page. The video will guide users step-by-step on how to perform the exercise properly.

Use Case

Users are currently provided with image-based instructions for exercises, which can be unclear or difficult to follow, especially for beginners. Without proper guidance, there’s a risk of users misunderstanding the instructions, leading to improper form, reduced effectiveness, or even injury.

Visual Learning and Ease of Understanding:

Benefits

Improved User Learning Experience:

Visual Guidance: Videos offer a visual representation of the correct way to perform exercises, making it easier for users to understand the movements. Step-by-Step Instructions: Complex exercises can be broken down into steps, making it simple for users to follow and execute them correctly. Reduces Misinterpretation:

Clarifies Ambiguity: Written instructions or static images can sometimes be unclear or open to interpretation. Video demonstrations ensure that users see exactly how each exercise should be done, reducing the risk of mistakes or improper form. Enhanced Clarity for Beginners: For new users or beginners unfamiliar with specific exercises, videos will provide an essential guide to help them start correctly. Engages Multiple Learning Styles:

Cater to Visual Learners: Some users learn better visually rather than through text, and videos will help them grasp concepts faster. Supports Auditory Learning: Videos with voiceover instructions can cater to auditory learners as well, who benefit from hearing instructions alongside visual cues. Increased User Retention:

More Interactive Experience: Adding video content will make the app more interactive and engaging. Users are more likely to stay and continue using an app that has varied content forms. Encourages Regular Use: Seeing a video demonstration might motivate users to try the exercises more frequently and regularly, improving overall user engagement.

Add ScreenShots

Desktop-1728235106663.webm

Priority

High

Record

nishant4500 commented 16 hours ago

@jeevan10017 please assign me this issue i want to work on it

jeevan10017 commented 15 hours ago

@Sami3160, go through the feature and assign him

Sami3160 commented 15 hours ago

@jeevan10017 please assign me this issue i want to work on it

Currently we don't have that video feature for exercise, but we do have name of exercise and their respective proportion and all data in json files, you can add videos but make sure to also update json data

Check folder src/data their you will find json data for some plans...

Do use that json data for showing exercises as that json data is well prepared with research, we just need some videos and more data and actual interface to show exercises

Refer issue #43

And start working on it