RECLAIM - Gamified Eco-Volunteering Working Prototype

The Problem

Traditional eco-volunteering often lacks engagement, making it difficult to motivate individuals, especially the younger generation, to participate consistently. The process of reporting and verifying cleaned areas is manual, inefficient, and untrusted.

The Solution: RECLAIM

RECLAIM transforms eco-volunteering into a real-life RPG, making healing the planet fun, competitive, and highly rewarding. Users create an account, secure it via Supabase email authentication, and select their unique 3D Eco-Spirit avatar.

The core innovation is our automated verification loop:

Users find cleanup missions on a real-time map.

They complete the mission and take an "after" photo.

We integrated Gemini AI to perform a strict direct comparison between the "before" task image and the new "after" photo. There are no bypasses—Gemini AI decides if the location is pristine.

Upon AI verification, the Supabase backend awards XP and unlocks premium 3D badges.

The Advanced Figma AI Workflow

This project serves as a showcase for the advanced capabilities of Figma's new AI toolkit: • Figma Agent was used to generate and iterate upon the entire multi-screen design flow, strictly adhering to our premium 'Eco-Glassmorphism' style. • Figma Weave generated all procedural 3D visual assets, including Eco-Spirit companions and collectible badges. • Figma MCP was utilized to integrate live, data-driven satellite maps directly into the dashboards. • Figma Make exported the completed design into a functional Next.js/React application, making it a working prototype.

Live Links

Working App: https://path-os-41270623.figma.site Figma Community File: https://www.figma.com/community/file/1648087862770865252 Pitch Video: https://youtu.be/skytzF6qljY

Technology Stack

• Frontend: Next.js (exported via Figma Make), React, Tailwind CSS • Design: Figma (Agent, Weave, MCP) • Backend: Supabase (Auth & Database) • Verification: Gemini AI (Visual Comparison)