Fitness Based Health App On Beat is an innovative fitness app designed to enhance the way people practice yoga and dance using 3D models, AI-driven pose estimation, and motion capture. It encourages users to engage in physical activity by offering real-time feedback, accuracy checks, and competitive features.
-
Project Overview
-
Features Yoga Mode Songs and Statistics 3D Live Render (Push-ups) 3D Live Hologram
-
Installation
-
How to Use
-
Technologies Used
-
Future Scope
-
Contributors
-
License
On Beat is a fitness-based health web app that combines the power of 3D modeling, AI pose estimation, and motion tracking to help users learn and compete in yoga and dance routines. With a variety of modes available, users can practice yoga poses, perform exercises like push-ups with a 3D model, and even see live holographic visualizations of their movements.
Our vision is to make fitness interactive, fun, and accurate using cutting-edge technology, allowing users to improve their health from the comfort of their homes.
The Yoga Mode helps users practice yoga with real-time feedback on their poses. Currently, we support the Tree Pose (Vrikshasana):
- Select the Tree Pose from the list of available asanas.
- Click on Start Yoga to open a new window displaying three reference images of the pose performed by a 3D model.
- Activate your webcam by clicking Start Yoga again.
- After 10 seconds, the webcam takes a snapshot of your pose, and the system evaluates the accuracy based on your alignment with the model.
- You will receive feedback on the accuracy, errors, and suggestions for improvement.
In this mode (still in development), users can view:
- A list of songs or routines designed for dance or yoga workouts.
- Overall statistics such as total time spent in practice, pose accuracy trends, and improvements over time.
A 3D model demonstrates how to perform push-ups in this mode, serving as a guide to help users maintain correct form and posture while performing the exercise. The live render showcases the movement dynamically, allowing users to follow along with the model in real-time.
The 3D Live Hologram mode uses your webcam to create a live holographic capture of your movements. This feature showcases an immersive visualization of your pose, creating a futuristic holographic display while you perform exercises or dance routines.
Install my-project with npm
git clone https://github.com/username/on-beat.git cd on-beatOpen the project in your preferred code editor.
Ensure you have a local server running to view the app correctly. You can use Live Server in VSCode or other similar methods.
- Select a mode from the main menu (e.g., Yoga Mode or 3D Live Render).
- Follow the on-screen instructions to start your fitness routine.
- In Yoga Mode, make sure to activate your webcam to track your poses and receive feedback.
- View your stats, learn new poses or exercises, and challenge yourself to improve accuracy and form!
- HTML, CSS, JavaScript: Core structure, design, and functionality of the web app.
- Three.js: For rendering and displaying 3D models.
- OpenCV.js: For webcam integration and AI pose estimation.
- WebRTC: For real-time webcam streaming and interaction.
- Additional Yoga Poses: Incorporate a wider range of yoga poses and exercises.
- AI-Driven Feedback: Improve the accuracy and real-time feedback of the pose estimation.
- Leaderboard: Add competitive features where users can compete with others on pose accuracy and time spent exercising.
- Mobile Application: Expand On Beat into a mobile-friendly app.
- AR/VR Integration: Further develop the 3D Hologram feature to provide an immersive experience using AR/VR technology.
On Beat was developed by:
- Shivendra Chauhan
- Soumyadyuti Dey
- Salil Pal (Your name can link to your GitHub)
This project is licensed under the MIT License - see the LICENSE file for details.