[New Project]: Fitness Tracker Dashboard with Activity Logging and Progress Visualization #4493
Description
Project Name
Fitness Tracker Dashboard
Project Type
Frontend (HTML/CSS/JS)
Category
utility
Project Description
A modern fitness dashboard that tracks workouts, calories burned, and activity progress with charts.
Tech Stack
Frontend: HTML5, CSS3, JavaScript
Libraries: Chart.js for fitness progress visualization
Storage: LocalStorage for activity history
Key Features
📊 Dashboard Statistics
Total Activities Logged
Total Workout Duration
Total Calories Burned
📝 Workout Activity Logging
Add activity name
Enter duration in minutes
Enter calories burned
📈 Fitness Progress Chart
Visual chart using Chart.js
Displays calories burned per activity
🎯 Daily Calorie Goal Tracker
Default goal: 500 kcal
Dynamic progress bar updates
📜 Activity History
Displays logged activities
Shows duration and calories burned
💡 Smart Workout Recommendation
Suggests fitness improvements based on activity progress
💾 LocalStorage Support
Saves workout history even after page refresh
Screenshots
Screenshots of the dashboard UI will be added after implementation.
Checklist
- I have tested my project locally
- My project follows the repository structure
- My project is responsive (if frontend)
- I will add my project to projects.json (NOT index.html)
- I have included setup instructions for backend (if full-stack)
Assign this issue to me under ECWOC'26