Fit-Sphere Tailwind Templates

Fit Sphere

The ultimate gym training app built with ract and tailwind CSS

Fit Sphere

Fit Sphere is a React-based frontend fitness tracking web application designed to generate customized workout plans based on user inputs like workout type, target muscle groups, and objectives.

Table of Contents


Features

  • User Input-Based Activity Suggestions: Get suggested workout activities based on workout type, muscle groups, and objectives.
  • Detailed Workout Instructions: Each activity includes specific instructions such as tempo, reps, rest time, and sets.
  • Set Tracking: Track the number of sets completed for each suggested workout.
  • Responsive Design: Designed for use across desktop, tablet, and mobile devices.

Technologies Used

  • Frontend: React.js, JavaScript, HTML, CSS
  • State Management: React State
  • Version Control: Git

Installation

Follow these steps to set up Fit Sphere locally:

  1. Clone the repository

    git clone https://github.com/iamrohitm/Fit-Sphere.git
    
  2. Navigate to the project directory

    cd Fit-Sphere
    
  3. Install dependencies

    npm install
    
  4. Start the app

    npm start
    
  5. Access the app

    • Open your browser and navigate to http://localhost:3000

Usage

  1. Select Workout Type: Pick from options like individual, bro split, or bodybuilder split.
  2. Choose Target Muscle Groups: Select muscle groups like push, pull, or legs.
  3. Set Objectives: Define your goal, such as:
    • Strength Power
    • Growth Hypertrophy
    • Cardiovascular Endurance
  4. Get Workout Activities: A detailed workout plan is generated based on your inputs, including:
    • Exercise name
    • Muscle group focus
    • Reps, rest, tempo, and instructions
  5. Track Progress: Update completed sets for each activity.

Screenshots

Main Page

Screenshot 1

Workout Results (Steps)

Screenshot 2

Sample Output Result

Screenshot 3


Contributing

Contributions are welcome! Here's how you can contribute:

  1. Fork the repository.
  2. Create a new branch.
    git checkout -b feature/your-feature-name
    
  3. Commit your changes.
    git commit -m "Add your feature"
    
  4. Push to your branch.
    git push origin feature/your-feature-name
    
  5. Open a pull request.

License

This project is not currently licensed.


Contact

Rohit Mohite


Thank you for checking out Fit Sphere! Feel free to star the repository if you find it helpful.

GitHub stars GitHub forks

Top categories

Loading Svelte Themes