Fitness Exercise Suggestion App

A Fitness Exercise Suggestion App

Want to see live preview »

✧ View Demo ✧ Report Bug ✧ Getting Started ✧ Installing ✧ Author ✧

The project involves the creation of a responsive Fitness Exercise Suggestion Web App using React, MUI, and RapidAPI. The app will allow users to search for specific exercises or exercises related to a specific body part. Users will also be able to view all the details related to the exercise, as well as watch related videos on YouTube.

To use this app, follow these steps:

1. Click on the "Exercise" button in the navbar, or scroll down to the exercise section.

2. In the exercise section, you will see a search bar and a carousel of body part images.

3. To search for a specific exercise, type the name of the exercise into the search bar and click the search button. Alternatively, you can click on the body part image related to the exercise you're interested in.

4. After your search, you will see 9 animated gifs with the name of the exercise according to your search. If you want to see more exercises, you can use the pagination component.

5. If you want to know more about a specific exercise, simply click on the animated gif of the exercise. This will redirect you to a page with details about the exercise, including a beautiful gif and some additional details.

6. On the exercise details page, you will also see videos related to the exercise that are present on YouTube. If you want to watch the video, simply click on it, and it will redirect you to YouTube.com with the exact video.

7. Finally, on the exercise details page, you will see similar exercises related to the one you searched for.

Overall, the app provides a user-friendly and intuitive interface to help users easily search for and learn about exercises.

🚀 Features

• Search for any specific exercise by name or body part.
• See all details of the exercise .
• Watch the video of the exercise on youtube .
• The app is responsive and can adjust to every screen size.

Demo

Getting Started

This project was built using Html, Css, Material UI, React (18.2.0), RapidAPI. It is a web application and for running on your local environment you should follow these guidelines.

Prerequisites

• NPM

Setup

The project repository can be found in GitHub link or just clone the project using this command.

Using HTTPS

# git clone  https://github.com/mohit7067/fitness_exercise.git

• Open terminal on your workspace with

cd /home/workspace/fitness_exercise

Install

Install NPM

Check that you have node and npm installed

To check if you have Node.js installed, run this command in your terminal:

node -v

To confirm that you have npm installed you can run this command in your terminal:

npm -v

To install all the dependences of the project, run the following command:

npm install

or

npm install --legacy-peer-deps

To run the application, run the following command:

npm start

Tools used on this project

• Visual Studio Code

Contact

If you want to contact me, you can reach me through below handles.

© 2023 Mohit Patil

Show your support

Give a ⭐️ if you like this project!