EcoPoints – GreenBuddy

💡 Inspiration

Everyone talks about climate change, but most people struggle to stay consistent with small eco-friendly actions. Turning off taps, refusing straws, or carrying a bottle are easy steps — yet we forget them in daily life. We wanted to build something fun, simple, and motivating that turns these small steps into a habit.

🚀 What it does

EcoPoints – GreenBuddy is a gamified eco-habit tracker that helps you stay consistent by making sustainability fun:

🎯 Daily Eco Action: Each day you get a suggested action (e.g., “Turn off tap while brushing”).

✅ Tap-to-Complete: Mark it done with one click and earn instant eco-points.

🌱 Badges & Levels: Unlock achievements like 🌱 Beginner → 🌳 Tree Saver → 🌎 Eco Hero.

🏆 Leaderboard: Compete with friends or globally through Firebase-powered sync.

🔒 Offline-first: Works with local storage, so you keep your progress even without internet.

🛠️ How we built it

Frontend: Pure HTML, CSS (custom theme, responsive).

Logic: Vanilla JavaScript for scoring, badges, and offline storage.

Leaderboard: Firebase Realtime Database for live score sync.

Design: Minimal dark-green UI with gamification elements (badges, progress bars).

⚡ Challenges we ran into

First challenge is that I don't have any laptop this prototype is made on mobile.

Making the app lightweight but engaging without frameworks.

Syncing scores across users while still supporting offline play.

Designing a smooth UI entirely in one HTML file.

🏅 Accomplishments we’re proud of

A fully functional eco-habit tracker in just one HTML file.

Seamless offline + online experience.

Clean UI, live leaderboard, and gamification that feels polished enough to use daily.

🔮 What’s next

📸 Add photo proof uploads for recycling or eco actions.

🎁 Partner with NGOs/brands to provide real-world rewards for points.

🌍 Launch community challenges like “Plastic-Free Week” or “Tree Saver Race.”

Built With

• css3
• database
• firebase
• html5
• javascript
• realtime