LeafX

LeafX—an AI-powered app to track, learn, and improve your eco-friendly habits with real-time guidance and rewards.

Comment

Inspiration

Hire a team for conducting sustainability practices in your corporation without any human interference.

What it does

LeafX is an AI-powered SaaS app that suggests eco friendly supplies for daily usage saving money and environment overall. LeafX is highly customizable as it uses eleven labs MCP server to pull information from soecific documents (spreadsheets or pdfs) from specifc organizations database whie ordering products. Users log activities like recycling, biking, or reducing energy usage, and the app provides:

  • AI recommendations (via Google Gemini AI)
  • Voice guidance for motivation (via ElevenLabs)
  • Visual dashboards for impact
  • Gamified rewards and challenges

How we built it

We used a modern full-stack setup:

  • Frontend: React.js with @auth0/auth0-react for secure login
  • Backend: Node.js + Express to serve API endpoints
  • APIs: Google Gemini for AI suggestions, ElevenLabs for voice feedback, Agentuity for gamification
  • Authentication: Auth0 for safe and simple sign-in

We also configured a proxy for seamless API calls between frontend and backend.

Challenges we ran into

  • Handling Auth0 login and callback URLs correctly
  • Ensuring the frontend and backend communicate without CORS issues
  • Integrating multiple APIs smoothly and managing asynchronous data
  • Displaying real-time updates in the dashboard

Accomplishments that we're proud of

  • Fully functional MVP: log eco-actions, get AI advice, see voice feedback, and track impact
  • Gamification system that encourages repeated sustainable actions
  • Clean, responsive UI for both web and mobile screens

What we learned

  • How to integrate multiple third-party APIs effectively
  • Best practices for authentication with Auth0 in React
  • Handling async data fetching and state management in React
  • Importance of testing and debugging full-stack applications

What's next for LeafX

  • Adding real-time tracking using IoT devices or phone sensors
  • Push notifications to remind users of eco-tasks
  • AR visualization of environmental impact
  • Expanding the gamification system with global leaderboards and team challenges

Built With

  • agentuity-(gamification)-**data-visualization:**-matlab-/-charts.js-**database:**-(e.g.
  • elevenlabs-(voice)
  • environment
  • express.js-**authentication-&-security:**-auth0-**apis-&-ai-services:**-google-gemini-ai
  • for
  • git/github
  • heroku-/-render-for-backend)-**other-tools:**-npm
  • languages-&-frameworks:**-javascript
  • mongodb
  • node.js
  • or-your-choice-if-implemented)-**deployment-&-cloud-services:**-(e.g.
  • react.js
  • secure
  • variables
  • vercel-/-netlify-for-frontend
Share this project:

Updates