Ecomon

Verify actions. Evolve companions. Save the planet.

Comment

🌱 Verdleaf Guardian – About the Project

🎮 Inspiration

Verdleaf Guardian was inspired by the classic Tamagotchi effect — the emotional bond people form with digital creatures. Those early virtual pets were simple, but they created a deep sense of responsibility and attachment.

I wanted to resurrect this “dead technology” and reimagine it for the modern era:

  • using AI personalities,
  • real-world eco-actions,
  • vision-based verification,
  • and Web3 identity + rewards.

The idea was to take something nostalgic and rebuild it with today’s innovations, turning it into a tool that promotes real environmental impact through gamification.

⚙️ How I Built It

The project was developed using a full-stack modern architecture:

🧠 AI

  • Gemini AI powers personality-driven chat for 4 unique character types (Sage, Cheerleader, Scientist, Empath).
  • Gemini Vision performs image verification for eco-actions (tree planting, cleanups, recycling).
  • AI-generated quizzes to educate users about sustainability.

🔗 Web3

  • Wallet login using RainbowKit + wagmi v2
  • Prepared for on-chain evolution and NFT minting
  • Future eco-token reward system

🖥️ Frontend & Gameplay

  • Next.js 14 (App Router)
  • Tailwind + shadcn/ui
  • Framer Motion animations
  • Evolution dashboard, chat mode, quiz mode, verification mode, leaderboard

🗄️ Backend

  • Prisma ORM + PostgreSQL
  • Zustand for state management
  • Modular API routes for chat, verification, quiz, evolution, and leaderboard

📦 DevOps

  • Fully containerized with Docker
  • Netlify-compatible build
  • Scripts for automated deploy
  • Repository includes .kiro directory for hooks/specs

🤖 How Kiro Helped Me Build It

Kiro played a major role in accelerating development during the hack:

  • Vibe coding: I used conversational prompts to rapidly scaffold UI pages and navigation flows.
  • Agent hooks: Automated tasks in the chat and quiz logic.
  • Spec generation: Kiro helped produce structured component specs and API shapes.
  • Steering docs: I tuned responses for faster API documentation and function definitions.

The most impressive part was how Kiro generated complete navigation and quiz-generation code that I could plug in almost instantly.

🧪 What I Learned

Building Verdleaf Guardian taught me:

  • How to integrate AI personalities with emotional state and memory
  • Real-time computer vision verification using Gemini
  • Best practices in Web3 wallet UX
  • How to create game loops and evolution mechanics
  • Using Kiro to accelerate full-stack development
  • Managing a modern Next.js codebase with Docker + Prisma

💀 Kiroween Theme Connection – Resurrection

This project fits the Resurrection category because it brings back the nostalgic Tamagotchi-style virtual pet concept and revives it using modern technologies:

  • AI personalities
  • Vision verification
  • Real-world actions affecting digital evolution
  • Web3 rewards
  • Modern UI/UX

A “dead” technology rebuilt with new life.

🧱 Challenges I Faced

  • Getting Gemini Vision to reliably verify eco actions
  • Designing evolution stages that feel meaningful and fair
  • Performance issues with large AI responses
  • Debugging wallet connection on different networks
  • Building everything within a short hackathon window
  • Making animations smooth while rendering dynamic character states
  • Dockerizing Next.js + Prisma cleanly for deployment

🚀 Final Thoughts

Verdleaf Guardian is a fusion of nostalgia + AI + environmental action. My goal was not just to build a game, but to build something that makes people care — about their companion, and about the planet and they are rewarded for good action that they do.

I hope this project inspires more creative ways to blend emotion, technology, and real-world impact.

Built With

  • ai
  • real-world
  • reward
  • sustainability
  • web3
Share this project:

Updates