Trash2Treasure – Fun, catchy, gamified vibe.

Inspiration

Plastic pollution and waste mismanagement are huge global problems. We wanted to create a solution that not only motivates people to recycle but also makes it fun and rewarding. Seeing gamified apps like fitness trackers inspired us to combine blockchain transparency with real-world environmental impact.

What it does

Trash2Treasure allows users to: Upload photos of recyclable items or scan QR codes to claim tokens. Earn on-chain R2E tokens as rewards for recycling. Track personal and community impact through a gamified dashboard. Compete on a leaderboard and see blockchain-verified logs. Visualize the total environmental impact, like CO₂ saved and waste recycled.

How we built it

Frontend: React + Next.js for smooth UI and state management. Backend: Node.js + Express with a mock blockchain ledger to store token transactions. File Uploads: Multer handles recyclable item photo uploads. Blockchain: Lightweight demo ledger logs each transaction with a pseudo block number. APIs: RESTful endpoints for balance, claims, leaderboard, impact, and blockchain logs. Wallet Integration: Ethereum-compatible wallets (MetaMask) for token claims.

Challenges we ran into

Handling file uploads securely while linking to user wallets. Designing a fun UX that makes environmental impact engaging. Syncing leaderboard, impact, and blockchain logs in real time. Learning ES modules with Node.js, which caused initial import/export issues.

Accomplishments that we're proud of

Fully working Recycle-to-Earn system with QR codes and photo uploads. Dynamic leaderboard and impact dashboard. Blockchain logging demo for transparency. Clean, intuitive React interface integrating wallet, uploads, and gamification.

What we learned

Building a full-stack web3 app in a hackathon timeframe is challenging but achievable. How to integrate file uploads, wallet authentication, and gamified token systems. Importance of visualizing user impact to encourage sustainable behavior.

What's next for Trash2Treasure – Fun, catchy, gamified vibe.

Add real blockchain token integration (ERC-20) for actual rewards. Introduce levels, badges, and achievements to gamify recycling further. Expand community challenges for cities or campuses. Integrate AI image recognition to automatically verify recyclable items

Built With

• apis
• axios
• blockchain
• code
• css-backend:-node.js
• database
• db)
• demo
• ethereum-compatible
• express.js
• file
• for
• frontend:-react
• git
• github
• images
• in-memory
• javascript
• jsx
• ledger
• local
• logging
• metamask)
• mock
• multer
• next.js
• npm
• objects
• other
• requests)
• rest
• storage
• storage:
• technologies
• tools:
• transactions
• uploaded
• uploads)
• vs
• wallets
• web3: