Welcome to our React Fitness Application powered by Rapid API Exercise DB! This application allows you to explore various exercises, choose exercise categories, specific muscle groups, and view practical examples to enhance your fitness journey. With features like pagination, exercise details, related videos from YouTube, and more, you'll have everything you need to reach your fitness goals. 🚀
- Exercise Categories: Browse exercises by categories to find the ones that fit your routine.
- Muscle Groups: Select specific muscle groups to target your workouts effectively.
- Practical Examples: Access practical examples for each exercise to ensure proper form and technique.
- Pagination: Navigate through more than one thousand exercises seamlessly with pagination.
- Exercise Details: View detailed information about each exercise, including instructions and variations.
- YouTube Integration: Pull related videos from YouTube to supplement your workout routine.
- Similar Exercises: Discover similar exercises to expand your workout repertoire.
By using our Fitness Application, you'll learn:
- Advanced React Best Practices: Explore advanced React concepts such as file structure optimization and leveraging hooks for efficient state management.
- Material UI (version 5): Learn to create beautiful and responsive user interfaces using Material UI version 5, a popular React UI framework.
- Fetching Data with Rapid API: Gain experience in fetching data from unlimited sources using Rapid API, enabling you to integrate various APIs seamlessly into your applications.
To get started with the Fitness Application, follow these steps:
- Clone the repository:
git clone git@github.com:nischay-code/gym_exercise.git - Navigate to the project directory:
cd React_fitnessApplication - Install dependencies:
npm install - Start the development server:
npm start - Open your browser and visit
http://localhost:3000to view the application.
Once the application is running, you can:
- Choose exercise categories and muscle groups.
- Browse through exercises and view practical examples.
- Navigate through multiple pages of exercises using pagination.
- Click on individual exercises to view detailed information and related videos.
- Explore similar exercises to diversify your workout routine.
Enjoy building and customizing the Fitness Application to suit your needs and preferences. Let your creativity flow as you enhance your coding skills and create amazing features!
We welcome contributions from the community to enhance the Fitness Application further. If you have any suggestions, bug reports, or feature requests, please open an issue or submit a pull request on our GitHub repository.
- Rapid API Exercise DB: Special thanks to Rapid API for providing access to a vast database of exercises, enabling us to create this application.
- Material UI: The application's user interface is built using Material UI version 5.
- YouTube API: Integration with YouTube API for fetching related exercise videos.
Thank you for using our React Fitness Application! We hope it helps you on your fitness journey. If you have any questions or feedback, feel free to reach out. Happy exercising! 🏋️♂️💪