DEV Community

Cover image for EcoDo AI: Making Earth a Little Less Heavy 🌍✨
vaidehi Warghat
vaidehi Warghat

Posted on

EcoDo AI: Making Earth a Little Less Heavy 🌍✨

DEV Weekend Challenge: Earth Day

What I Built
I built EcoDo AI, a smart sustainability tracker designed to turn small daily habits into visible environmental impact. The goal was to move away from "boring" checklists and create an immersive, nature-inspired dashboard that uses AI to calculate the real-world significance of our actions.

Whether it's cycling to work or composting kitchen waste, EcoDo AI validates your efforts with data-driven insights and a visual "Impact Gauge."

Demo: https://fanciful-pie-e22971.netlify.app/

Code :https://github.com/Vaidehi-w/ecodo
The project is built using React.js and integrated with the Google Gemini API.

How I Built It
I wanted the UI to feel "lush" and "earthy," so I used a split-screen design with a blurred forest background and deep jungle-green tones.

Key Technical Features:

React State Management: Used to track user "Eco-Streaks" and handle the transition between the home dashboard and the action logger.

Custom SVG Visualization: Instead of standard charts, I built a dynamic Circular Impact Gauge that fills up based on the significance of the tracked action.

Fixed AI Assistant: A persistent "Eco-Bot" floating at the bottom right allows users to ask casual questions about sustainability at any time.

Local Storage: Used to persist the user's streak so their progress is saved locally on their browser.

How I Incorporated Google Gemini
I used Google Gemini 1.5 Flash to act as a real-time environmental analyst.

Impact Calculation: Instead of static text, Gemini analyzes the specific task (e.g., "Fixing a leak") and provides a scientifically-grounded statement on water conservation and carbon footprint reduction.

Scoring System: Gemini provides a "Sustainability Rating" (1-100) for each action, which dynamically updates the Pie Chart on the dashboard.

Casual Eco-Bot: The assistant uses Gemini to answer user queries in a casual, friendly tone, making environmental education feel like a conversation with a friend.

Prize Categories
Best Use of Google Gemini (Core AI-driven impact analysis)

Created with ❤️ for the Planet.

Top comments (0)