https://github.com/harjyoti12/exerise-app
morden gym exierise app
https://github.com/harjyoti12/exerise-app
aos-animation rapidapi reactjs tailwindcss
Last synced: 3 months ago
JSON representation
morden gym exierise app
- Host: GitHub
- URL: https://github.com/harjyoti12/exerise-app
- Owner: harjyoti12
- Created: 2024-08-19T08:49:15.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-19T15:09:40.000Z (almost 2 years ago)
- Last Synced: 2024-08-19T19:06:29.456Z (almost 2 years ago)
- Topics: aos-animation, rapidapi, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://proflexfitness.netlify.app/
- Size: 6.9 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
🏋️♂️ Gym Exercise App
An awesome 🏋️♂️ Gym Exercise App!
[](https://www.youtube.com/@harjyotikalita1)
View Demo .
Report Bug .
Request Feature
## About The Project
The 🏋️♂️ Gym Exercise App is a comprehensive web application designed to provide users with an extensive resource for discovering, learning, and tracking various exercises and fitness programs. Built with modern web technologies such as React.js, Tailwind CSS, AOS, Swiper.js, and RapidAPI, the app offers a seamless and interactive user experience that caters to both fitness enthusiasts and beginners alike.
🎯 Objectives:
The primary goal of the Gym Exercise App is to create a centralized platform where users can:
🔍 Explore a wide range of exercises tailored to different muscle groups and fitness goals.
📖 Access detailed instructions and visual guides to perform exercises correctly and safely.
🎥 Stay motivated and informed through related YouTube videos and curated fitness programs.
📊 Monitor and track personal health metrics using tools like the BMI calculator.
💰 Choose suitable membership plans through a transparent and informative pricing section.
✨ Key Features
🏋️♀️ Diverse Exercise Library
📚 Extensive Database: Access to hundreds of exercises categorized by muscle groups, equipment type, and difficulty levels.
🔎 Search Functionality: A powerful search bar allows users to quickly find specific exercises or programs based on keywords.
📋 Detailed Descriptions: Each exercise comes with comprehensive instructions, benefits, and common mistakes to avoid.
🎞️ Interactive Galleries and Animations
🎠 Scrollable Galleries: Utilize Swiper.js to present exercises and programs in an engaging and interactive carousel format.
✨ Smooth Animations: AOS (Animate On Scroll) library adds smooth and appealing animations as users navigate through the app, enhancing the overall user experience.
📖 Exercise Detail Pages:
🖼️ High-Quality Images: Visual representations for each exercise to guide users on proper form and technique.
🎥 Instructional Videos: Integration with YouTube through RapidAPI to display relevant videos that provide additional guidance and motivation.
🔗 Related Exercises: Suggestions for similar exercises to diversify and enrich users' workout routines.
💳 Pricing and Membership Plans
💰 Transparent Pricing: A dedicated section that outlines various membership plans tailored to different user needs and budgets.
📊 Feature Comparison: Clear comparison tables to help users make informed decisions about which plan suits them best.
⚖️ BMI Calculator
📈 Health Monitoring: A built-in Body Mass Index calculator enables users to input their height and weight to determine their BMI.
📎 Comprehensive Footer
🔗 Additional Resources: Links to social media pages, contact information, FAQs, and terms of service.
📬 Newsletter Subscription: Option for users to subscribe to newsletters for updates, tips, and exclusive content.
🎨 Layout
💻 Technologies
- React.js: For building the dynamic user interface.
- Tailwind CSS: For styling the application with utility-first CSS classes.
- AOS (Animate On Scroll): For adding smooth scroll animations.
- Swiper.js: For creating responsive image sliders for exercise categories.
- RapidAPI: To fetch exercise data, including instructions and related videos.
🚀 Getting started
To set up and run the project locally, follow these steps:
Prerequisites
Here you list all prerequisites necessary for running your project. For example:
Ensure you have Node.js and npm (or yarn) installed.
- Installation :
1. Clone the repository:
```bash
git clone https://github.com/harjyoti12/exerise-app
cd exerise-app
```
2. Install dependencies:
```bash
npm install
```
or
```bash
npm yarn
```
🛠️ Cloning
To get started with the project, you'll first need to clone the repository to your local machine. Here's how you can do it:
1. Open your terminal.
2.Clone the repository:
```bash
git https://github.com/harjyoti12/exerise-app
```
3.Navigate into the project directory:
```bash
cd exerise-app
```
## Roadmap
- [ ] 🖥️ Responsive Design:
- [ ] 📚 Expand Exercise Database:
- [ ] 🎨 Enhanced Design:
- [ ] 🔒 User Authentication:
- [ ] 💳 Payment Gateway Integration:
- [ ] ⭐ Customer Reviews and Ratings:
See the [open issues](https://github.com/harjyoti12/exerise-app/issues) for a full list of proposed features (and known issues).
📫 Contribute
- We welcome contributions to improve the project! To contribute, please follow these guidelines:
1. Fork the Repository:
Click the "Fork" button on the top right corner of the repository page on GitHub to create your own copy of the repository.
2. Clone Your Fork:
```bash
git clone https://github.com/harjyoti12/exerise-app
cd exerise-app
```
3.Create a New Branch:
- It's best to create a new branch for your changes.
```bash
git checkout -b feature/your-feature-name
```
4. Make Your Changes:
- Implement your changes or additions to the project. Be sure to test your changes thoroughly.
5. Commit Your Changes:
```bash
git add .
git commit -m "Add a descriptive message about your changes"
```
6. Push to Your Fork:
```bash
git push origin feature/your-feature-name
```
7. Create a Pull Request:
- Go to the original repository on GitHub and click "New Pull Request."
- Select your branch and provide a detailed description of the changes you made.
- Submit the pull request for review.
🤝 Collaborators
Special thank you for all people that contributed for this project.