Leaderboards

The Leaderboards page shows member rankings based on points and activity.

Key Elements:

1. Page Header:

   • Title: "Leaderboards"

   • Subtitle: "See who's leading the community"

2. Your Rank Card:

   • Your Rank: Large number showing your position (e.g., "#5")

   • Details: "You have 0 points and are at level 1"

   • Points Display: Your total points (e.g., "0 Points")

3. Time Filters:

   • All Time: View all-time rankings (default, highlighted)

   • This Month: View monthly rankings

   • This Week: View weekly rankings

4. Top 3 Podium: Three prominent cards for top-ranked members:

   • Gold (1st Place): Yellow/gold card with crown icon

     • Profile picture with "#1" badge

     • Name and level

     • Points total

     • "Gold" badge

   • Silver (2nd Place): White card

     • Profile picture with "#2" badge

     • Name and level

     • Points total

     • "Silver" badge

   • Bronze (3rd Place): White card

     • Profile picture with "#3" badge

     • Name and level

     • Points total

     • "Bronze" badge

5. Full Rankings List:

   • Scrollable list of all members

   • Each entry shows:

     • Rank Number: "#4", "#5", etc.

     • Profile Picture: Member's avatar

     • Name: Member's name (your entry shows "You" label)

     • Level: Current level (e.g., "Level 1")

     • Points: Total points (e.g., "0 points")

6. How to Earn Points Section: Lists activities that award points:

   • Create a Post: +10 points

   • Comment on Post: +5 points

   • Complete Lesson: +20 points

   • Daily Login: +2 points

How to Use:

• View your current rank and points

• Switch between time periods (All Time, This Month, This Week)

• See top 3 members with special badges

• Scroll through full rankings to see all members

• Learn how to earn points from the "How to Earn Points" section

• Click on member names to view their profiles

• Engage in activities (posts, comments, lessons) to earn points and climb the leaderboard