React_Gym_App

Welcome to the React Gym App! This application is designed to help users search for exercises, view exercise videos on YouTube, and interactively search for exercises based on body parts. Users can also view detailed information about each exercise. This README will provide you with essential information on how to set up and use this app.

Table of Contents

• Features
• Usage
• Technologies Used
• Contributing
• License

Features

The React Gym App comes with the following features:

• Exercise Search: Users can search for exercises using keywords.

• YouTube Video Integration: When viewing exercise details, users can watch related YouTube videos to learn how to perform the exercise correctly.

• Interactive GIFs: Users can view interactive GIFs that demonstrate how to perform the exercise.

• Exercise Filtering: Users can filter exercises by body parts (e.g., legs, arms, chest) to find specific exercises.

• Exercise Details: Users can view detailed information about each exercise, including the name, description, equipment needed, and muscle groups worked.

Usage

1. Exercise Search

• Enter keywords related to the exercise you are looking for in the search bar.
• Click the "Search" button or press Enter to initiate the search.

2. View Exercise Details

• Click on an exercise card from the search results to view detailed information about that exercise.
• You can also watch related YouTube videos and view interactive GIFs for the exercise.

3. Exercise Filtering

• Use the dropdown menu to filter exercises by body part.
• Select a body part from the list, and the app will display exercises related to that body part.

Technologies Used

The React Gym App utilizes the following technologies:

• React: The JavaScript library for building user interfaces.

• React Router: Used for routing within the application.

• RapidAPI YouTube Search: To fetch and display YouTube videos related to exercises.

• RapidAPI ExerciseDB: To display interactive GIFs of exercises.

• Material UI: Used for styling and responsive design.

• Material UI Icons: For icons.

Contributing

Contributions are welcome! If you'd like to contribute to this project, please follow these steps:

1. Fork the repository: Click the "Fork" button on the top right corner of the repository's page to create your own copy.

2. Create a new branch: Create a new branch in your forked repository for your feature or bug fix. Use a descriptive branch name that reflects the purpose of your changes.

3. Make your changes: Write your code, implement your feature, or fix the bug in your branch.

4. Commit your changes: Commit your changes with clear and concise commit messages that describe the purpose of each commit.

5. Push your changes: Push your committed changes to your forked repository on GitHub.

6. Create a pull request: Go to the original repository and click the "New Pull Request" button. Describe your changes in the pull request, including any relevant details or context.

7. Review and discuss: Participate in the discussion and address any feedback or questions from the maintainers or other contributors.

8. Merge: Once your pull request is approved and passes any required tests, it will be merged into the main repository.

Thank you for contributing to the React Gym App!

License

This project is licensed under the MIT License. See the LICENSE file for details.