[Feature Request] Add Leaderboard Page (leaderboard.html)

[Riya-Kharade]

💡 The Problem

Currently, EcoPulse focuses on visualization and analytics, but it lacks user engagement and gamification features.

There is no mechanism to reward environmentally conscious behavior or simulate an eco-points system.

Without gamification, the platform feels informational rather than interactive and motivating.

---

🚀 Proposed Solution

Create a new page called leaderboard.html that introduces a gamified eco-points leaderboard system.

The page should include:

• 🌿 Top eco-friendly users (static mock data)
• 🥇 Ranking badges (Gold, Silver, Bronze)
• 📊 Eco points display
• 🧩 Card-based leaderboard layout
• 🏅 Visual rank indicators

This page will be built using:

• HTML for structure
• Tailwind CSS for styling
• Vanilla JavaScript for dynamic ranking (optional sorting logic)

No backend required (static mock user data can be stored in JS).

---

🎨 Visual Representation

The leaderboard.html page should include:

1️⃣ Hero Section

• Heading: "Eco Champions Leaderboard"
• Motivational tagline encouraging sustainability

---

2️⃣ Top 3 Highlight Section

• Large cards for:
  • 🥇 1st Place (Gold)
  • 🥈 2nd Place (Silver)
  • 🥉 3rd Place (Bronze)
• Bigger card for 1st rank
• Eco-themed badge styling

---

3️⃣ Leaderboard List

• Ranked list of users (4th, 5th, etc.)
• Display:
  • User name
  • Eco points
  • Rank number
• Clean table or card layout
• Responsive design

---

🛠️ Implementation Details

• New File: leaderboard.html
• Data Source: Static JavaScript array of mock users
• Logic: Optional JS sorting by eco points
• UI Design: Tailwind card layout with eco-theme colors
• No new dependencies required

Optional enhancement:

• Add simple filter (Top 10 / All Time / Monthly)
• Add animated counter for eco points

---

🎯 Impact

This feature will:

• Introduce gamification into EcoPulse
• Increase user engagement
• Encourage sustainability awareness
• Make the platform more interactive
• Improve presentation quality for hackathons and portfolio

It transforms EcoPulse from a static analytics platform into a motivating eco-engagement system.

Assign this issue to me under ECWOC'26