🌍 About the Project

🔹 Inspiration

The inspiration behind EcoLearn AI came from the urgent need to educate people about sustainability and eco-friendly practices in a way that is engaging, personalized, and accessible to everyone. With climate change being one of the biggest challenges of our time, we wanted to leverage the power of AI to make learning about the environment not only informative but also interactive and fun.

🔹 What We Learned

  • How to integrate AI models (LLaMA + Whisper) into a real-world application.
  • Building a FastAPI backend and connecting it with a modern responsive frontend.
  • Implementing a Progressive Web App (PWA) with offline capabilities and installability.
  • Designing databases (SQLite + SQLAlchemy) to handle leaderboard and quiz functionality.
  • Managing CORS, APIs, and deployment on cloud services like Azure & Netlify.

🔹 How We Built It

  • Backend: Developed with FastAPI, handling endpoints for chat, quizzes, carbon footprint tips, recycling suggestions, and file uploads.
  • Frontend: Built with HTML, CSS, and JavaScript, made responsive and enhanced with PWA features (service workers, manifest).
  • Database: Used SQLite with SQLAlchemy ORM to track user scores and leaderboard progress.
  • AI Integration: Connected to Groq API for natural language understanding and Hugging Face models for image-based recycling recognition.
  • Deployment: Backend deployed on Azure App Service, frontend on Netlify, ensuring scalability and free accessibility.

🔹 Challenges We Faced

  • Handling API authentication issues (invalid/expired keys).
  • Debugging CORS errors between the backend and frontend.
  • Deploying the backend on Azure required configuring startup commands and dealing with SQLite persistence.
  • Parsing and validating AI-generated quiz responses into structured Q&A format.
  • Optimizing service worker caching for smooth PWA installation and offline usage.

🔹 Impact

We believe EcoLearn AI can empower students, educators, and eco-conscious individuals by providing them with AI-powered tools to understand sustainability better and take meaningful actions.


Our mission is simple:
Learn. Act. Sustain. 🌱

Built With

Share this project:

Updates