Tree Vault

A gamified eco-action platform where users plant trees, upload geo-tagged proof, earn rewards, and join a global leaderboard to make sustainability fun and impactful.

Comment

Inspiration

The climate crisis is one of the biggest challenges of our generation. While many people want to take action, sustainability efforts often feel boring or disconnected from everyday life. We wanted to design a platform that makes eco-friendly actions fun, social, and rewarding — turning tree planting into a global game.

What it does

Tree Vault is a gamified web app that encourages users to plant trees, verify their actions with geo-tagged photos, and earn points. Each successful upload is rewarded with points (+50), and a spot on the global leaderboard. Duplicate uploads are prevented using SHA-256, and verified trees are saved in a private gallery for users to track their green journey

How we built it

  • Frontend: React + Vite with TailwindCSS and Three.js (interactive 3D green globe).
  • Backend:Node.js + Express for API endpoints.
  • Database: Firebase Firestore for real-time storage and user management.
  • Auth & Verification:Firebase Authentication + SHA-256 hashing for duplicate prevention.
  • Gamification:Confetti animations, points system, and leaderboard ranking.

Challenges we ran into

  • Implementing geo-tag photo verification in a smooth way.
  • Balancing design aesthetics with performance in Three.js globe.
  • Handling duplicate uploads securely with hashing logic.
  • Ensuring private gallery access while keeping the leaderboard public.

Accomplishments that we're proud of

-Created a unique blend of sustainability + gamification.

  • Integrated real-time leaderboard and user points system.
  • Designed a confetti celebration that makes users feel rewarded instantly.
  • Built a secure duplicate blocking mechanism

What we learned

  • How to combine React + Three.js for interactive 3D experiences.
  • Practical use of Firebase Firestore for real-time apps.
  • Importance of gamification psychology in driving eco-actions.
  • Better understanding of authentication & secure hashing.

What's next for Tree Vault

  • Mobile app version with offline tree-planting logging.
  • Social features: friends, challenges, and community planting drives.
  • AI-based plant verification (detecting saplings from uploaded images).
  • Partnerships with NGOs for real-world tree planting campaigns.

Built With

Share this project:

Updates