Fitness App

Welcome to the Fitness App! This React-based fitness application is designed to help users discover exercises. It's a handy tool for fitness enthusiasts looking to optimize their workouts.

Screenshots

Live Site

Check out the live site here.

Features

1. Exercise Search

   • Users can search for exercises using keywords or exercise names.
   • The search feature provides quick access to exercises, making it easy to find specific workouts.

2. Target Muscle Group

   • Users can filter exercises by selecting a specific muscle group to target.
   • This feature allows users to tailor their workouts to focus on specific muscle groups.

3. Exercise Detail Page

   • Users can click on an exercise to view detailed information.
   • The exercise detail page includes exercise descriptions, images, and videos to guide users in performing the exercise correctly.

4. Watch Exercise Videos

   • Users can watch instructional videos for each exercise.
   • Videos provide visual guidance on how to perform exercises with proper form.

5. Related Exercises

   • Users can explore exercises that target the same muscle group as the selected exercise.
   • Discover exercises that use the same equipment to create variety in your workout routines.

Installation

1. Clone the repository: git clone https://github.com/your-username/fitness-app.git
2. Navigate to the project directory: cd fitness-app
3. Install the dependencies: npm install
4. Start the development server: npm run dev
5. Open your web browser and visit http://localhost:3000 (or the specified port)

Technologies Used

• React: A JavaScript library for building user interfaces.
• Material-UI: A popular React UI framework for designing responsive and attractive user interfaces.
• React Router DOM: A library for routing and navigating in React applications, providing seamless navigation between different views.
• Slick Carousel: A responsive carousel/slider library for creating interactive and customizable carousels of content.
• React Loader Spinner: A React component for displaying loading spinners or animations to indicate the application is processing data.

Contributing

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

1. Fork the repository.
2. Create a new branch for your feature or bug fix.
3. Commit your changes.
4. Push your branch to your forked repository.
5. Submit a pull request.

License

This project is licensed under the MIT License.