🌱 EcoSpring

A fun and interactive Spring-themed sustainability tracker built to help users develop eco-friendly habits through visual growth, challenges, and eco-tips!

---

🌼 Inspiration

In a season where everything blooms, we wanted to build something that grows with you. EcoSpring combines habit tracking with visual rewards to promote sustainability and mindfulness in a beautiful way.

---

💡 What it does

• ✅ Tracks your eco-friendly habits (e.g., reducing plastic, walking more)
• 🌸 Grows a virtual flower garden as you maintain streaks
• 🎯 Offers daily and weekly eco challenges
• 💡 Displays rotating eco-tips
• 👤 User login and profile dashboard

---

🛠️ How we built it

• Frontend: React, Tailwind CSS, Framer Motion, Chart.js
• Backend: Node.js, Express, MongoDB
• Tools: Git, VSCode, MongoDB Atlas

---

🧱 Challenges we ran into

• Integrating animations with React smoothly
• Setting up backend routes for real-time habit tracking
• Managing state across dashboard components
• Keeping the spring theme consistent while functional

---

🏆 Accomplishments we're proud of

• Created an engaging and visually beautiful user experience
• Built complete login/register flow
• Designed a flower garden that blooms with progress
• Developed reusable and aesthetic UI components

---

📚 What we learned

• Efficient state management in React
• Connecting full-stack apps using REST APIs
• Responsive UI design with Tailwind
• Team collaboration and version control with Git

---

🚀 What's next for EcoSpring

• Add push notifications/reminders
• Social features (share your garden)
• Leaderboards for eco-challenges
• Mobile responsive version
• OAuth login (Google/GitHub)

---

🌐 Try It Yourself

Coming soon at: ecospring.vercel.app

---

👩‍💻 Author

Made with 💚 by kruthee

Built With

• html