The latest articles on DEV Community by vaidehi Warghat (@vaidehi_warghat_362ccfda5). https://dev.to/vaidehi_warghat_362ccfda5 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3883651%2Fc4009779-042f-421a-88dc-8061f26a209a.jpg https://dev.to/vaidehi_warghat_362ccfda5 en vaidehi Warghat Sun, 19 Apr 2026 03:11:23 +0000 https://dev.to/vaidehi_warghat_362ccfda5/ecodo-ai-making-earth-a-little-less-heavy-3mic https://dev.to/vaidehi_warghat_362ccfda5/ecodo-ai-making-earth-a-little-less-heavy-3mic <p>What I Built<br> 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.</p> <p>Whether it's cycling to work or composting kitchen waste, EcoDo AI validates your efforts with data-driven insights and a visual "Impact Gauge."</p> <p>Demo: <a href="https://fanciful-pie-e22971.netlify.app/" rel="noopener noreferrer">https://fanciful-pie-e22971.netlify.app/</a></p> <p>Code :<a href="https://github.com/Vaidehi-w/ecodo" rel="noopener noreferrer">https://github.com/Vaidehi-w/ecodo</a><br> The project is built using React.js and integrated with the Google Gemini API.</p> <p>How I Built It<br> 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.</p> <p>Key Technical Features:</p> <p>React State Management: Used to track user "Eco-Streaks" and handle the transition between the home dashboard and the action logger.</p> <p>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.</p> <p>Fixed AI Assistant: A persistent "Eco-Bot" floating at the bottom right allows users to ask casual questions about sustainability at any time.</p> <p>Local Storage: Used to persist the user's streak so their progress is saved locally on their browser.</p> <p>How I Incorporated Google Gemini<br> I used Google Gemini 1.5 Flash to act as a real-time environmental analyst.</p> <p>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.</p> <p>Scoring System: Gemini provides a "Sustainability Rating" (1-100) for each action, which dynamically updates the Pie Chart on the dashboard.</p> <p>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.</p> <p>Prize Categories<br> Best Use of Google Gemini (Core AI-driven impact analysis)</p> <p>Created with ❤️ for the Planet.</p> devchallenge weekendchallenge