Skip to content

mearyansingh/fitnflex

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fitinflex: Your One-Stop Shop for Fitness Inspiration

Demo

Visit the Fitinflex to explore the app.

Fitinflex Screenshot

Introduction

Welcome to Fitinflex, your all-in-one web app for discovering and learning about various exercises categorized by body parts. Fitnflex not only provides detailed information about each exercise but also allows users to watch related videos on YouTube. With a clean and intuitive user interface, this Progressive Web App (PWA) ensures a seamless experience across all devices.

Features

  • Explore exercises: Browse through a vast library of exercises, conveniently categorized by muscle group. Find the perfect workout for your target areas.

  • Search effortlessly: Quickly locate specific exercises using the robust search functionality. Never waste time hunting for the right workout again.

  • Detailed exercise information: Dive deep into each exercise with in-depth descriptions, including proper form instructions.

  • Visual learning: Complement your understanding with access to relevant YouTube videos for visual demonstration.

  • Targeted suggestions: Discover similar exercises that work the same muscle groups, expanding your workout repertoire.

  • Equipment recommendations: Get suggestions for the equipment you'll need to perform each exercise, ensuring you have everything you need.

  • Clean and intuitive UI: Enjoy a visually appealing and user-friendly interface that makes navigation a breeze.

  • Progressive Web App (PWA) enabled Install Fitinflex directly on your device for offline access and a native-like experience.

  • Fully responsive design: Access Fitinflex from any device, whether desktop, tablet, or smartphone, with an optimized layout for each screen size.

Getting Started

To get started with Fitinflex, follow these simple steps:

  1. Clone the Repository:
    git clone https://github.com/yourusername/Fitinflex.git
  2. Navigate to the Project Directory:
    cd Fitinflex
  3. Install Dependencies:
    npm install
  4. Run the Application:
    npm start
    

Open your browser and go to http://localhost:3000 to view Fitinflex.

Usage

  • Search Exercise: Use the search bar to find specific exercises by body parts, keywords, or equipment.
  • View Exercise Details: Click on an exercise to access detailed information, including instructions, benefits, and precautions.
  • Watch Videos: Enjoy watching YouTube videos related to each exercise for visual guidance and motivation.
  • Discover Similar Exercises: Explore a list of exercises targeting the same muscle groups or using similar equipment for a varied workout routine.

Contributing

We welcome contributions to enhance Fitinflex! Follow these steps to contribute:

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

Technologies used

React Bootstrap JavaScript PWA

Enjoy your fitness journey with Fitinflex! 🏋️‍♀️

About

Guiding You to Your Peak Performance

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published