Rackle

Landing Page
Create Account Page
Login Page
Home Page
Dashboard
Friend Group leaderboard
Group Leaderboard
Individual Leaderboard
Scan Page
Scans items
Logs Carbon footprint

Inspiration

Coming from a developing country, I noticed a distinct lack of encouragement for everyday individuals to track their carbon footprints or build consistent recycling habits. We created Rackle to bridge this gap by gamifying environmental responsibility, motivating Gen Z to recycle regularly, track their footprint, and build sustainable habits over time.

What It Does

Rackle turns personal sustainability into a competitive, community-driven habit:

Interactive CDS Map: Helps users instantly locate nearby recycling points, including Container Deposit Scheme (CDS Vic) locations across Victoria.
Group & Individual Leaderboards: Ranks users and teams dynamically based on net footprint reduction, fostering friendly community competition.
Weekly Streaks: Since grocery shopping is typically weekly, a streak tracking system rewards consecutive weekly receipt logs, multiplying points.

How We Built It

Layer	Technologies Used
Frontend	React 19, TypeScript, Vite
Backend & API	Python, FastAPI, Uvicorn
AI / LLM	Google Gemini
UI & Styling	Tailwind CSS, Radix UI, Lucide Icons, Framer Motion
Routing & State	React Router, React Context
Mapping & Spatial	Leaflet, React Leaflet, Overpass API, OpenStreetMap
Database & Auth	Supabase Auth, Supabase PostgreSQL (with Row-Level Security)

Challenges We Ran Into

Database & Row-Level Security: Configuring Supabase schemas and PostgreSQL Row-Level Security (RLS) policies to handle multi-tenant group data securely without compromising performance.
Product Data Scraping: Extracting product emissions data across retailers like Woolworths and Costco to suggest lower-emission alternatives accurately.
Mapping Integration: Unifying live location streams, OpenStreetMap data, and Overpass API query results within React Leaflet without re-rendering delays.

Accomplishments That We're Proud Of

Flawless Supabase Architecture: Successfully establishing a secure, scalable database schema supporting real-time user state.
Real-time Synchronization: Building an app that processes scanned items, updates leaderboards, and computes user streaks instantaneously in real time.

What We Learned

Advanced data handling and security configuration within Supabase PostgreSQL.
Orchestrating, parsing, and stabilizing data across multiple disparate third-party APIs simultaneously.

What's Next for Rackle

Cross-Platform Mobile App: Expanding from a web app into a native iOS and Android application.
Enhanced Security: Implementing Two-Factor Authentication (2FA) and backend load balancing to scale smoothly for larger user bases.