Technology Apr 19, 2026 · 1 min read

🌍 Eco Swap – Small Changes, Big Impact

This is a submission for [Weekend Challenge: Earth Day Edition] What I Built I built Eco Swap, a simple and interactive web app that helps users replace everyday harmful items with eco-friendly alternatives. Users can search for common items like plastic bottles, plastic bags, or pla...

DE
DEV Community
by Krish
🌍 Eco Swap – Small Changes, Big Impact

This is a submission for [Weekend Challenge: Earth Day Edition]

What I Built

I built Eco Swap, a simple and interactive web app that helps users replace everyday harmful items with eco-friendly alternatives.

Users can search for common items like plastic bottles, plastic bags, or plastic cups and instantly get:

  • a sustainable alternative
  • environmental impact
  • a short explanation of why it matters
  • a practical tip

The goal was to make sustainability simple, quick, and actionable instead of overwhelming users with too much information.

Demo

πŸ”— Live Demo: https://eco-swap-eta.vercel.app/

Code

πŸ’» GitHub Repository:https://github.com/kshah123919/Eco-Swap

How I Built It

I built Eco Swap using a clean and simple frontend-focused approach:

  • βš›οΈ React (Vite) for fast and modular UI
  • 🎨 Tailwind CSS for styling and responsiveness
  • πŸ“¦ Component-based structure (InputForm, ResultCard)
  • 🧠 Data-driven design using a local dataset (ecoData)

Key decisions:

  • Kept the UI minimal to avoid overwhelming users
  • Used a visual swap flow (❌ β†’ ↓ β†’ βœ…) to make results intuitive
  • Added a β€œwhy” layer to connect actions with real-world environmental impact
  • Focused on clarity and usability over complexity

Final Thoughts

Eco Swap shows that sustainability doesn’t always require big changes.

πŸ‘‰ Small daily swaps can create a meaningful environmental impact.

🌱 Swap smart. Live better.

DE
Source

This article was originally published by DEV Community and written by Krish.

Read original article on DEV Community
Back to Discover

Reading List