React Fitness Application

This project is a responsive fitness application built with React, providing users with various features to manage and track their fitness activities. It offers an intuitive and visually appealing interface for users to browse workout plans, track progress, and more.

Features

• Home Page: Displays an overview of the application with quick access to various features, including a hero banner and a search bar for exercises.
• Workout Plans: Provides detailed information about different workout plans. The Exercises component lists various exercises with filtering options.
• Exercise Details: The ExerciseDetail page shows in-depth information about selected exercises, including relevant videos and similar exercises.
• Search Functionality: Enables users to search for specific workouts or plans using the SearchExercises component.
• Horizontal Scrollbar: The HorizontalScrollbar component allows users to scroll through categories of exercises easily.
• Progress Tracking: Users can view their tracked progress on the ProgressTracking component (assuming this functionality exists or can be implemented).
• Responsive Design: Optimized for both desktop and mobile viewing, ensuring a seamless user experience across different devices.
• Loader: The Loader component provides a visual indication while data is being fetched from the API.
• Navbar: The Navbar component provides easy navigation across different sections of the application.
• Footer: The Footer component offers a consistent footer across all pages.

Technologies Used

• HTML5
• CSS3
• JavaScript
• React
• RapidAPI

Installation

To run this application locally, follow these steps:

1. Clone this repository:

   git clone https://github.com/aishwaryamensinkai/Fitness-App.git

2. Navigate to the project directory:

   cd Fitness-App

3. Install the packages using the command:

   npm install

4. Start the development server:

   npm start

Project Structure

The project structure is organized as follows:

Resources

• API: RapidAPI
• To include the tree structure of the project install tree by using command in mac

  brew install tree
  tree -L 5 -I node_modules

Contributing

Contributions are welcome! If you'd like to add new features, improve existing ones, or fix any bugs, feel free to fork the repository and submit a pull request.

License

This project is licensed under the MIT License.

Acknowledgments

• Inspiration and guidance from various online tutorials and resources.
• Special thanks to the open-source community for their invaluable resources and tools.