EcoChain

• 

  EcoChain Dashboard

• 

  EcoChain Log Action

• 

  EcoChain Blockchain Ledger

• 

  EcoChain Impact Marketplace

• 

  EcoChain Leaderboard

Inspiration

Climate change is the defining challenge of our generation, yet individual action often feels invisible and unrewarded. We were inspired by the rise of DeFi and tokenized incentives — and asked ourselves: what if doing good for the planet was as rewarding as staking crypto? The idea of making sustainable behavior financially tangible, transparent, and verifiable on a blockchain felt like a powerful convergence of two movements that desperately need each other.

What it does

EcoChain is a climate action gamification platform that rewards users with ECO tokens for logging real-world sustainable behaviors — biking instead of driving, eating plant-based meals, composting, planting trees, and more. Every action is recorded as a simulated Algorand blockchain transaction, giving users a transparent, immutable ledger of their environmental impact.

Key features:

🌿 Action Logging — 10 categories of sustainable actions, each with CO₂ impact calculations and token rewards 🪙 ECO Token Wallet — earn, track, and spend tokens with a live balance and blockchain transaction history 📊 Impact Dashboard — visualize CO₂ saved over time, streaks, and personal stats 🏪 Impact Marketplace — redeem tokens for real-world climate projects (reforestation, ocean cleanup, carbon offsets, solar energy, wildlife protection) 🏆 Community Leaderboard — compete with other eco-warriors and unlock achievements ⛓️ Blockchain Ledger — every action mints a transaction with a unique hash, block number, and wallet address on the simulated Algorand Testnet

How we built it

Frontend: React + Vite with UnoCSS with dark, eco-themed UI Design System: Custom token-based design with Space Grotesk + JetBrains Mono typography, giving it a "green tech" aesthetic Blockchain Simulation: A custom blockchain.js utility that generates realistic Algorand-style transaction hashes, block numbers, and wallet addresses Backend: Base44's built-in backend-as-a-service for real-time data persistence across ClimateAction, TokenTransaction, and Redemption entities Data Layer: TanStack React Query for server state management and cache invalidation Charts: Recharts for time-series CO₂ impact visualisation

Challenges we ran into

Making simulated blockchain data feel authentic — designing the transaction hash format, block structure, and wallet address style to mirror real Algorand transactions without connecting to an actual node Balancing gamification with credibility — token rewards needed to feel meaningful without being trivially earnable; calibrating CO₂ coefficients per action required research into actual emissions data Real-time state consistency — keeping the token balance accurate across multiple pages (Dashboard, Marketplace, Ledger) after each action or redemption required careful query invalidation strategy Responsive design across screen sizes — the dark, data-dense UI needed to work seamlessly on mobile and desktop without losing visual impact

Accomplishments that we're proud of

Built a fully functional end-to-end climate rewards loop — from logging an action to watching tokens appear in your wallet and redeeming them for verified climate impact Designed a production-quality UI with a cohesive dark eco-tech aesthetic that actually looks like a real dApp Implemented a realistic blockchain ledger with authentic-looking transaction metadata that educates users about how on-chain transactions work Created a dynamic leaderboard and achievement system that integrates real user data with simulated community data to always feel active

What we learned

How Algorand's transaction model and asset structure work, giving us a blueprint for a real integration in future iterations The power of gamification loops — streaks, leaderboards, and token rewards dramatically change how people perceive repetitive sustainable habits That perceived transparency matters — showing users a transaction hash and block number for their actions, even in simulation, builds trust and a sense of accountability How to build a complete full-stack app rapidly using Base44's platform for backend infrastructure, allowing us to focus entirely on UX and product logic

What's next for EcoChain

🔗 Real Algorand Integration — connect to Algorand Testnet/Mainnet via AlgoKit, enabling actual ASA (Algorand Standard Asset) token minting 📸 Action Verification — photo upload + AI verification to confirm sustainable actions before minting tokens 👥 Social Features — team challenges, friend referrals, and corporate sustainability programs 🌍 Partner Marketplace — integrate with verified carbon offset APIs (Gold Standard, Verra) for real-world redemption 📱 Mobile App — publish as iOS/Android app to capture on-the-go action logging 🤖 AI Coach — personalized sustainability recommendations based on user behavior patterns and local environmental data

Built With

• bun
• react
• unocss
• vite