A real-time fitness tracking web application that uses TensorFlow.js and pose detection to monitor exercise form, count repetitions, and provide feedback — all through your webcam!
-
🔐 User Authentication
- Secure login and registration
- Profile management
-
📊 Workout Management
- Custom workout planning
- Progress tracking with charts
- Exercise library with instructions
-
🎯 Goal Setting
- Set and track fitness goals
- Achievement monitoring
-
📱 Food Scanner
- Scan food items
- Get nutritional information
- Track daily intake
| Exercise | Preview |
|---|---|
| Squats | ![]() |
| Bicep Curls | ![]() |
| Push-ups | ![]() |
| Pull-ups | ![]() |
| Screen | Description |
|---|---|
![]() |
Initial screen with camera and upload options |
![]() |
Detailed nutrition information with confidence score |
![]() |
Caloreis-AI meal planning suggestions |
| Technology | Purpose |
|---|---|
| HTML5 | Structure |
| CSS3 | Styling |
| JavaScript | Functionality |
| Bootstrap | UI Framework |
| Chart.js | Data Visualization |
# Clone the repository
git clone https://github.com/yourusername/Fitness-Tracker-web-demo
# Navigate to project
cd Fitness-Tracker-web-demo
# Open in browser
start index.html # Windows
open index.html # macOS📦 Fitness-Tracker-web-demo
┣ 📂 css
┣ 📂 js
┣ 📂 images
┣ 📜 index.html
┗ 📜 README.md
- Fork the repository
- Create your feature branch:
git checkout -b feature/NewFeature - Commit your changes:
git commit -m 'Add NewFeature' - Push to the branch:
git push origin feature/NewFeature - Submit a pull request
Please add the following images to the /images directory:
- dashboard.png - Main dashboard screenshot
- workout-planner.png - Workout planning interface
- progress-charts.png - Progress tracking charts
- food-scanner.png - Food Scanner interface and nutrition details
- (Add any other relevant screenshots)
Distributed under the MIT License. See LICENSE for more information.






