Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mearyansingh/fitnflex
Guiding You to Your Peak Performance
https://github.com/mearyansingh/fitnflex
bootstrap5 exercises fit fitinflex pwa react
Last synced: 11 days ago
JSON representation
Guiding You to Your Peak Performance
- Host: GitHub
- URL: https://github.com/mearyansingh/fitnflex
- Owner: mearyansingh
- Created: 2024-03-05T11:09:58.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-08T16:45:56.000Z (9 months ago)
- Last Synced: 2024-03-09T15:29:45.940Z (9 months ago)
- Topics: bootstrap5, exercises, fit, fitinflex, pwa, react
- Language: JavaScript
- Homepage: https://fitinflex.netlify.app/
- Size: 1020 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fitinflex: Your One-Stop Shop for Fitness Inspiration
## Demo
Visit the [Fitinflex](https://fitinflex.netlify.app) to explore the app.![Fitinflex Screenshot](/src/Assets/Images/fitinflex.png)
## 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:**
```bash
git clone https://github.com/yourusername/Fitinflex.git
2. **Navigate to the Project Directory:**
```bash
cd Fitinflex
3. **Install Dependencies:**
```bash
npm install
4. **Run the Application:**
```bash
npm startOpen 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:
```bash
git checkout -b feature/your-feature-name
3. Make your changes and commit them:
```bash
git commit -m "Add your feature details"
4. Push to the branch:
```bash
git push origin feature/your-feature-name
5. Open a pull request.## Technologies used
[![React](https://img.shields.io/badge/React-18.2.0-brightgreen.svg?logo=react&logoColor=61DAFB)](https://reactjs.org/)
[![Bootstrap](https://img.shields.io/badge/Bootsrtrap-v5.3-brightgreen.svg?logo=bootstrap&logoColor=#7952B3)](https://getbootstrap.com/)
[![JavaScript](https://img.shields.io/badge/JavaScript-ES6-yellow.svg?logo=javascript&logoColor=#F7DF1E)](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
[![PWA](https://img.shields.io/badge/PWA-Enabled-violet.svg?logo=pwa&logoColor=#5A0FC8)](https://developers.google.com/web/progressive-web-apps/)Enjoy your fitness journey with Fitinflex! 🏋️♀️