WasteWise

WasteWise Logo
Various Challenges that users can join
Leaderboard (AT,Weekly and Monthly)
Badges with NFT Minting
Dashboard with Image Classification and AI Chat Bubble (Earn points for classification with dynamic notifications)
Logging actions into the Challenges section (Earn points)
Landing Page
Landing Page

♻️🧠 WasteWise

Inspiration: Ever stared at trash, wondering “Where does this even go?” We did too. That simple question sparked WasteWise — a gamified, AI-powered Web3 app designed to make recycling intuitive, engaging, and rewarding.

We were inspired by: The sheer confusion around waste classification The massive environmental impact of improper recycling The missed opportunity to teach people — especially kids — about sustainable living

Tackling this serious challenge through something fun and intelligent was our moonshot.

WasteWise is more than an app. It's a movement. A playful entry point into the world of eco-responsibility, blending AI + Web3 + gamification into a solution we actually want to use.

In a world full of complex climate problems, WasteWise is our way of starting with one simple act: sorting trash smarter.

What It Does:

WasteWise helps users identify and sort waste correctly using AI image classification, while earning points, completing challenges, and competing on leaderboards.
It turns sustainability into a social, gamified, and educational experience — powered by modern tech.

🧩 Core Features:

🧠 AI Waste Classifier – Upload a photo, get instant classification + region-specific disposal tips
🗨️ Chat with WasteWizard – AI chatbot answers recycling queries with local awareness
🏆 Earn Points – Every classification = 5 points
⚔️ Community Challenges – Missions + social sharing for bonus points
📈 Global Leaderboards – Compete weekly, monthly, and all-time
🧬 Levels + Badges – XP-driven levels + achievement-based badge system
🪙 Mintable NFT Badges – On-chain proof of eco-effort
🔐 Web3 Auth – Sign in with MetaMask, Google, or Apple (WIP)
🌍 Sustainability First – Learn while taking action

It’s not just a tool — it’s a game, a classroom, and a movement.

🛠️ How We Built It:

This project started as a curious experiment and scaled into an ambitious Web3 MVP.

We started prototyping in Firebase Studio, brainstorming with Gemini + ChatGPT, then transitioned to a full-stack modern dev environment for polish and control.

🔧 Build Phases:

🧠 AI Core

Built the image classification module for waste detection
Integrated WasteWizard chatbot via Genkit + Google AI

🎮 Gamification

MVP point system, leveling, and badge logic (memory state)
Community challenge flow added

🌐 Web3 Auth & NFTs

MetaMask integration via Web3Auth + Ethers.js
Badge-to-NFT minting for bragging rights

🎨 UI/UX

Tailwind + Radix UI for clean design
Framer Motion for animations
Component render optimization for speed

🗄️ Backend (WIP)

Partial PostgreSQL + Prisma setup
Mocked in-memory state for fast prototyping

🚧 Challenges We Ran Into:

🗺️ Map module bugs (Leaflet): Dropped to prioritise core
⚙️ Backend bottlenecks: Time constraints limited DB implementation.
🎞️ Framer Motion: Performance impact required significant animation cuts.
🔐 Apple OAuth: Needed credentials we couldn’t fetch in time.
⏱️ Time pressure: Building AI + Web3 + gamification in 48 hrs was intense.

✅ Accomplishments We’re Proud Of:

🎯 Shipped a fully functional MVP with real UX
🚀 Integrated Web3: Wallet auth + NFT badge minting
🎮 Built a gamified platform that’s fun and educational -💡 Made something we’d actually use
♻️ Built a tool that blends sustainability, tech, and behavior change

🧠 What We Learned:

🔍 Polished solutions require tough trade-offs
🤝 Gamification can drive real change
🧠 Firebase Studio + Gemini = MVP prototyping superpower
💡 Web3 isn’t scary — it enables trust + ownership
🌱 Recycling in Delhi is broken — we built a starting point

🚀 What's Next for WasteWise:

WasteWise isn’t done — not even close.

📍 Next Steps:

🗺️ Smart Mapping – Show local recycling centers using AI + geolocation (10 km radius)
🔌 Full Backend Integration – Persistent profiles and API migration
🪙 Real NFTs – On-chain metadata + OpenSea integration
📲 Mobile Apps – Native iOS + Android launch
💬 Social Sharing – Auto-post challenges to boost virality
🌍 NGO + School Partnerships – Bring the app to classrooms
🚀 Launch as a Startup – We’re all in!

🧰 Tech Stack:

💻 Frontend: Frameworks: Next.js, React, TypeScript Styling: Tailwind CSS, Radix UI Animations: Framer Motion

🧠 State Management & Forms: React Hook Form TanStack React Query

📊 Data Visualization: Recharts (Note: Leaflet was initially planned but later dropped)

🔧 Backend: Next.js API Routes Prisma ORM PostgreSQL (partial implementation) Firebase (used during prototyping)

🧬 Artificial Intelligence: Genkit Google AI

🔐 Authentication & Web3: Firebase Auth Web3Auth WalletConnect MetaMask Ethers.js

🛠️ Tooling & DevOps: ESLint dotenv Turbopack patch-package TSX

💚 Final Note: WasteWise is more than a hackathon project. It’s a bold, beautiful step toward a cleaner, smarter world — powered by AI, Web3, and people like you.