🌍 FootPrint Mayhem

🚀 Inspiration

Climate change is daunting, and it often feels like individual efforts don’t matter. That’s why we created FootPrint Mayhem – a fun, addictive way to turn eco-friendly actions into a game! Think Duolingo, but for saving the planet.

🎮 What It Does

FootPrint Mayhem makes sustainability part of your daily routine with these features:

• Track your daily carbon footprint.
  
• Take quizzes to learn about eco-friendly habits.
  
• Earn points and streaks for consistent actions.
  
• Compete with friends on a leaderboard.
  

Every small step counts, and we make it engaging and rewarding!

🛠️ How We Built It

Our tech stack:

• React for a smooth, responsive UI.
  
• Tailwind CSS for easy, stylish design.
  
• Firebase for backend and authentication (with some creative improvisation!).
• Express for quick backend logic.
  

We kept things modular with components like Dashboard, UserInputForm, and LevelQuiz for maintainability.

🧩 Challenges

• Component integration felt like a jigsaw puzzle.
  
• Balancing education and fun was tricky.
  
• Last-minute pivots when libraries failed us.
  
• Simplifying complex data without overwhelming users.
  

🏆 Accomplishments

• A functional dashboard that makes carbon data interesting.
  
• A streak system to keep users coming back.
  
• Quizzes that are both fun and educational.
  
• A project that promotes real-world habit changes.
  

🎓 What We Learned

• Flexibility is key – when tools fail, adapt!
  
• How to make data visualizations user-friendly.
  
• Gamification works in driving positive habits.
  
• Saving the planet can be fun with the right approach!
  

🔮 What’s Next?

• Detailed tracking of more eco-friendly actions.
  
• Social features: challenge friends and share progress.
  
• Real-world rewards through partnerships with local businesses.
  
• Expanding quiz topics to deepen sustainability education.
  
• Mobile apps to track progress on the go!
  

🌱 FootPrint Mayhem: Making the world greener, one streak at a time!

Built With

• defan.io
• express.js
• firebase
• javascript
• node.js
• react
• tailwindcss