This Workouts App is a full-stack CRUD application built using the MERN stack (MongoDB, Express, React, Node.js) with authentication implemented using Bcrypt and JWT. The app allows users to create, update, view, and delete workouts once they are authenticated. Contributions are welcome to improve styling, fix bugs, and add features.
This PR adds the dashboard page by adding several key visualizations to help users intuitively track their workout performance. The new charts are fully responsive and provide insights into exercise frequency, workout composition, performance trends, and more.
It addresses the issue #12
Changes Made:
Performance Over Time (Line Chart):
A line chart displaying the total weight lifted over time, giving users a clear view of their progress.
Exercise Frequency (Bar Chart):
A bar chart showing the frequency of each exercise, helping users track how balanced their workout routine is.
Workout Composition (Pie Chart):
A pie chart categorizing workouts into Upper Body, Lower Body, and Cardio to provide an overview of workout distribution.
Reps vs Load (Scatter Plot):
A scatter plot visualizes the relationship between reps and load for each exercise, helping users understand how they vary these parameters.
Responsiveness:
All charts are fully responsive, ensuring they adjust to different screen sizes and provide an optimal user experience on desktop and mobile devices.
Testing:
Verified that all charts load correctly and are populated with accurate data from the workout records.
Ensured that the dashboard was responsive and maintained a clear layout across various screen sizes.
Tested edge cases with missing data to confirm graceful handling.
Benefits:
Enhanced User Insights:
These visualizations give users an immediate and comprehensive overview of their workout history, helping them track their progress and adjust their training routine effectively.
Data-Driven Decision Making:
Users can now make informed decisions about their workout strategies by analyzing trends such as performance over time and exercise frequency.
Improved Engagement:
Visualizing workout data in an easy-to-understand format keeps users more engaged and motivated, increasing the likelihood of consistent training.
Mobile-Friendly Design:
The responsive design ensures a seamless user experience on both desktop and mobile devices, making it convenient for users to track their workouts anywhere, anytime.
Balanced Workouts:
With insights into workout composition, users can ensure they maintain a balanced routine and avoid overemphasizing any one category of exercise.
This PR adds the dashboard page by adding several key visualizations to help users intuitively track their workout performance. The new charts are fully responsive and provide insights into exercise frequency, workout composition, performance trends, and more. It addresses the issue #12
Changes Made:
Performance Over Time (Line Chart): A line chart displaying the total weight lifted over time, giving users a clear view of their progress.
Exercise Frequency (Bar Chart): A bar chart showing the frequency of each exercise, helping users track how balanced their workout routine is.
Workout Composition (Pie Chart): A pie chart categorizing workouts into Upper Body, Lower Body, and Cardio to provide an overview of workout distribution.
Reps vs Load (Scatter Plot): A scatter plot visualizes the relationship between reps and load for each exercise, helping users understand how they vary these parameters.
Responsiveness:
All charts are fully responsive, ensuring they adjust to different screen sizes and provide an optimal user experience on desktop and mobile devices.
Testing: Verified that all charts load correctly and are populated with accurate data from the workout records. Ensured that the dashboard was responsive and maintained a clear layout across various screen sizes. Tested edge cases with missing data to confirm graceful handling.
Benefits:
Enhanced User Insights: These visualizations give users an immediate and comprehensive overview of their workout history, helping them track their progress and adjust their training routine effectively.
Data-Driven Decision Making: Users can now make informed decisions about their workout strategies by analyzing trends such as performance over time and exercise frequency.
Improved Engagement: Visualizing workout data in an easy-to-understand format keeps users more engaged and motivated, increasing the likelihood of consistent training.
Mobile-Friendly Design: The responsive design ensures a seamless user experience on both desktop and mobile devices, making it convenient for users to track their workouts anywhere, anytime.
Balanced Workouts: With insights into workout composition, users can ensure they maintain a balanced routine and avoid overemphasizing any one category of exercise.