Description

Closes #43

Changes proposed

What were you told to do?

Implement stats & achievements Pages (#43) - Create dedicated profile and achievements pages that showcase a reader's details and accomplishments with dynamic time filtering functionality.

What did you do?

Files Created:

• app/dashboard/stats-and-achievements/page.tsx - Main stats page with dynamic time filtering
• components/stats-achievements/time-filter.tsx - Time period filter component
• components/stats-achievements/stats-grid.tsx - Dynamic statistics grid that updates with time filter
• components/stats-achievements/badge-section.tsx - User rank and progress display
• components/stats-achievements/goals-section.tsx - Reading goals with progress tracking
• components/stats-achievements/achievements-section.tsx - Achievement badges display

Files Modified:

• components/dashboard/sidebar.tsx - Added "Stats & Achievements" navigation item

Key Features Implemented:

• Dynamic time filtering (This Week, This Month, This Year, All Time) that updates both large time display and stats grid
• Responsive design matching Figma specifications
• Mock data structure with realistic reading statistics for each time period
• Smooth transitions and hover effects
• Achievement badges with icons and color coding
• Reading goals with progress bars and countdown timers

The implementation provides a complete reading statistics dashboard that changes data dynamically based on selected time periods, matching the provided desktop and mobile designs.

Check List (Check all the applicable boxes)

🚨Please review the contribution guideline for this repository.

• My code follows the code style of this project.
• This PR does not contain plagiarized content.
• The title and description of the PR is clear and explains the approach.
• I am making a pull request against the dev branch (left side).
• My commit messages styles matches our requested structure.
• My code additions will fail neither code linting checks nor unit test.
• I am only making changes to files I was requested to.

Screenshots/Videos