• 

  Landing Page

• 

  Sign Up page

• 

  Home Page

• 

  Adding and sharing achievements

• 

  Verification

• 

  Leaderboard

• 

  Community Posts

• 

  Study area

• 

  Gemini-powered chatbot

🌱 Inspiration

ClimateQuest was inspired by the urgent need to promote sustainable habits and raise climate change awareness among young adults. I aimed to create a platform that encourages real-world eco-friendly actions while combining gamification and community engagement to consistently motivate users.

⚡ What it does

ClimateQuest enables users to:

• Complete and verify eco-friendly actions with photos
  
• Earn points and climb leaderboards 🏆
  
• Participate in eco-challenges and explore community posts 🌿
  
• Use an AI-powered climate chatbot for guidance and tips 🤖
  
• Access a study page to learn about environmental issues 📚
  

🛠 How I built it

• Frontend: Next.js 13 + React + Tailwind CSS
  
• Backend: Next.js API routes + MongoDB
  
• Authentication: NextAuth.js for secure sessions
  
• AI Integration: Groq API + LLaMA-4 for task verification
  
• UI Components: Cards, Avatars, Badges, Tabs for an engaging interface
  

⚔️ Challenges I ran into

• Handling image uploads and AI-based verification
  
• Maintaining real-time updates for posts and leaderboard
  
• Designing an intuitive, visually appealing interface for all users
  

🎉 Accomplishments

• Fully integrated AI-powered task verification
  
• Developed a dynamic community feed and leaderboard
  
• Built a responsive, polished UI for submissions and engagement
  
• Implemented secure authentication and personalized dashboards
  

📚 What I learned

• Practical experience with Next.js, React, MongoDB
  
• Integrating AI APIs in real-world applications
  
• Principles of UX design and gamification
  
• Handling asynchronous operations, image uploads, and state management
  

🚀 What's next

• Expand AI verification to provide detailed feedback
  
• Add gamification: badges, levels, seasonal challenges 🏅
  
• Introduce social features: likes, comments, notifications 💬
  
• Optimize performance and scalability for a larger user base
  

Built With

• gemini
• github
• groq
• mongodb
• nextauth.js
• nextjs
• react
• tailwindcss
• typescript
• vercel