The latest articles on DEV Community by Krish (@krish_59f618e4f20f19ac884). https://dev.to/krish_59f618e4f20f19ac884 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%2F3884938%2F9c5697ad-f5da-4f34-88b6-5f3ec6ec38fd.png https://dev.to/krish_59f618e4f20f19ac884 en Krish Sun, 19 Apr 2026 06:39:44 +0000 https://dev.to/krish_59f618e4f20f19ac884/eco-swap-small-changes-big-impact-1dob https://dev.to/krish_59f618e4f20f19ac884/eco-swap-small-changes-big-impact-1dob <p>This is a submission for [Weekend Challenge: Earth Day Edition]</p> <h2> What I Built </h2> <p>I built <strong>Eco Swap</strong>, a simple and interactive web app that helps users replace everyday harmful items with eco-friendly alternatives.</p> <p>Users can search for common items like <em>plastic bottles, plastic bags, or plastic cups</em> and instantly get:</p> <ul> <li>a sustainable alternative</li> <li>environmental impact</li> <li>a short explanation of why it matters</li> <li>a practical tip</li> </ul> <p>The goal was to make sustainability <strong>simple, quick, and actionable</strong> instead of overwhelming users with too much information.</p> <h2> Demo </h2> <p>🔗 Live Demo: <a href="https://eco-swap-eta.vercel.app/" rel="noopener noreferrer">https://eco-swap-eta.vercel.app/</a></p> <h2> Code </h2> <p>💻 GitHub Repository:<a href="https://github.com/kshah123919/Eco-Swap" rel="noopener noreferrer">https://github.com/kshah123919/Eco-Swap</a></p> <h2> How I Built It </h2> <p>I built Eco Swap using a clean and simple frontend-focused approach:</p> <ul> <li>⚛️ React (Vite) for fast and modular UI</li> <li>🎨 Tailwind CSS for styling and responsiveness</li> <li>📦 Component-based structure (InputForm, ResultCard)</li> <li>🧠 Data-driven design using a local dataset (<code>ecoData</code>)</li> </ul> <h3> Key decisions: </h3> <ul> <li>Kept the UI minimal to avoid overwhelming users</li> <li>Used a <strong>visual swap flow (❌ → ↓ → ✅)</strong> to make results intuitive</li> <li>Added a <strong>“why” layer</strong> to connect actions with real-world environmental impact</li> <li>Focused on clarity and usability over complexity</li> </ul> <h2> Final Thoughts </h2> <p>Eco Swap shows that sustainability doesn’t always require big changes.</p> <p>👉 Small daily swaps can create a meaningful environmental impact.</p> <p>🌱 <em>Swap smart. Live better.</em></p> devchallenge weekendchallenge