Log-In Page
Trash Scan
Scan Analysis
Dashboard-Profile
Dashboard-Nearby Facilities
Trash Cans Map
Leaderboard- Individuals
Leaderboard- Cities' Enviromental Health
Point Redemptions Shop

🌍 GrukAI

“Turn Trash Into Treasure, One Scan at a Time.”

GrukAI is an eco-conscious web app designed to make recycling smarter, easier, and more rewarding. Users can scan garbage with their device, and our AI instantly generates feedback on:

🧾 Material & Description – what the item is made of.
🗑️ Proper Disposal Method – recycle, compost, or trash.
🎯 Reward Points – earned points act as XP for streaks and levels, and as redeemable credits in our in-app shop.

To keep users engaged, GrukAI adds gamification elements:

🔥 Streaks for daily recycling.
🌱 CO₂ Savings Tracker to visualize environmental impact.
🏆 Leaderboards to compete with others.
🗺️ Map Integration for locating nearby recycling bins and facilities.

💡 The Tech Behind GrukAI

React (Mobile-First) + TailwindCSS for a sleek, responsive frontend.
Firebase for authentication, Firestore database, and serverless architecture.
Gemini AI integration for real-time material recognition and eco-disposal guidance.

⚔️ The Hardships We Faced

Building GrukAI during a hackathon wasn’t without its challenges:

📱 Mobile vs Web: Our original idea was a mobile app. But due to limited experience with mobile languages, we pivoted to a mobile-first React web app.
🔌 Google Integrations: Our backend required heavy Google API usage. Navigating a NoSQL database, authentication flows, and serverless functions was a challenge.
🎨 UI Heavy Project: Because the app needed to be both intuitive and visually engaging, nearly half our team focused solely on the frontend to craft the UI/UX.
🤖 AI Integration: We had a teammate fully dedicated to implementing Gemini AI for item recognition and generating eco-friendly disposal advice, which was a major technical hurdle.