💡 Inspiration The inspiration behind EcoSaver came from noticing how everyday eco-conscious actions often go unrecognized. While many people want to live sustainably, there isn’t always a way to track their impact, stay motivated, or connect with others doing the same. I wanted to build something that empowers individuals and communities to reduce waste, share progress, and earn rewards for positive behavior.
🧠 What I Learned Throughout this project, I deepened my understanding of:
React and component-based frontend architecture
Tailwind CSS for responsive and clean UI styling
Using Firebase for authentication and data storage
Implementing Leaflet.js for real-time mapping of eco-activities
The importance of user experience in building motivation-driven platforms
🛠️ How I Built It EcoSaver was built with the following stack:
Frontend: React + Tailwind CSS
Backend & Database: Firebase (Authentication + Firestore)
Mapping: Leaflet.js for interactive geolocation of eco-contributions
Deployment: GitHub Pages
🚧 Challenges I Faced Integrating Leaflet.js with React while maintaining performance
Structuring user data efficiently in Firestore to support scalability
Designing a UI that feels friendly, motivational, and eco-themed
Balancing time and energy while working solo on multiple aspects of the platform
Log in or sign up for Devpost to join the conversation.