techcsispit / MERN-Auth-Workouts-App

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.
0 stars 2 forks source link

Add Max Streak & Current Streak Feature to Workout Dashboard #17

Closed Dash10107 closed 3 days ago

Dash10107 commented 4 days ago

Description: This PR introduces a Max Streak feature alongside the existing Current Streak tracker on the workout dashboard. Users can now see both their current streak of consecutive workout days and the longest streak they have ever achieved. This feature is designed to encourage users to stay consistent with their workouts and strive to beat their personal best streak.

image

Changes Made: Added a Max Streak calculation logic that tracks the longest streak of consecutive workout days. Updated the StreakTracker component to display both the current and maximum streak. Integrated the Max Streak feature into the workout dashboard, creating a more complete and motivating user experience. Both streaks are displayed in responsive Paper components, ensuring the design remains clean and user-friendly.

Benefits: Motivational Tool: Users are now able to track their best performance (Max Streak), giving them a personal goal to improve their consistency.

Enhanced User Engagement: With both Current and Max streaks displayed, users are more aware of their progress, leading to a more interactive and motivating experience. Responsive Design: The streaks are presented in a mobile-friendly, responsive format, ensuring an optimal user experience across devices.