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.
Top comments (0)