[New Project]: Step Counter Dashboard with Daily Goals and Weekly Statistics #4502
Description
Project Name
Step Counter Dashboard
Project Type
Frontend (HTML/CSS/JS)
Category
utility
Project Description
A fitness dashboard that simulates step tracking, helping users monitor daily walking goals and view step statistics through charts and activity logs.
Tech Stack
Frontend: HTML5, CSS3, JavaScript
Libraries: Chart.js (for progress visualization)
Storage: LocalStorage for saving step history
Key Features
👣 Daily Step Goal
Users can track their daily walking goal (for example 10,000 steps per day) and see their progress in real time.
📊 Progress Chart
A visual chart displays step progress using a bar or line chart to help users easily understand their walking activity.
This helps users stay motivated and track improvements over time.
📜 Activity Log
Users can log their walking activities throughout the day.
Each entry may include:
Step count
Time of activity
Short description (optional)
Example:
Morning Walk — 3000 steps
Evening Walk — 4500 steps
📅 Weekly Statistics
The dashboard displays weekly step statistics such as:
Total steps for the week
Average daily steps
Weekly step comparison using charts
This helps users analyze their walking patterns and maintain consistent activity.
Possible UI Sections
The application may include the following sections:
Dashboard overview with total steps
Daily step tracker
Activity log list
Weekly statistics chart
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