EcoCampus AI

bySHASHANK B

Build a complete full-stack web application called **EcoCampus AI**. Purpose: EcoCampus AI is a Smart Plastic Waste Analytics, Segregation and Sustainability Management System for college campuses. Students can report plastic waste, classify waste categories, identify waste hotspot locations, view analytics, and contribute to campus sustainability efforts. Technology: * Next.js * React * TypeScript * Tailwind CSS * Firebase Authentication * Firestore Database * Firebase Storage * Recharts Theme: * White Theme * AB Sans Font * Modern Dashboard Design * Mobile Responsive * Clean Academic UI * Rounded Cards * Soft Shadows Authentication: Create Login, Signup, Forgot Password and Logout functionality. Student Registration Fields: * Full Name * USN * Department * Email * Password User Roles: 1. Student 2. Admin Pages: 1. Landing Page 2. Login Page 3. Signup Page 4. Dashboard 5. Report Waste 6. Analytics 7. Leaderboard 8. Waste Hotspots 9. Sustainability Dashboard 10. Profile 11. Admin Dashboard Dashboard: Display: * Total Reports * Green Score * Department Rank * Recent Activity Quick Actions: * Report Waste * Analytics * Leaderboard * Hotspots * Sustainability * Profile Report Waste Page: Allow users to: * Upload image * Select waste category * Enter location * Add description * Submit report Waste Categories: * PET Bottle * HDPE Plastic * Plastic Wrapper * Mixed Plastic * Other Plastic Analytics: Show: * Total Waste Reports * Waste Category Distribution * Monthly Trends * Department Contributions Leaderboard: Student Ranking: * Name * Department * Green Score Department Ranking: * Department Name * Total Reports * Green Score Waste Hotspots: Identify locations with highest plastic waste reports. Display: * Location * Report Count * Most Common Waste Type * Ranking Example: * Canteen * Library * Hostel * Parking Area Sustainability Dashboard: Display: * Total Plastic Reported * Recycling Rate * Green Campus Score * Plastic Diverted From Landfill Profile: Display: * Name * USN * Department * Total Reports * Green Score Admin Dashboard: * View Reports * Approve Reports * Reject Reports * Manage Users * View Analytics * Export Data Firestore Collections: users: uid name usn department email role greenScore totalReports wasteReports: reportId userId wasteType imageUrl location description status timestamp departments: departmentName totalReports greenScore hotspots: location totalReports mostCommonWasteType Business Logic: * Approved report = 10 Green Score points * Auto-update Leaderboard * Auto-update Hotspots * Generate Analytics automatically Generate: * Complete project structure * Frontend * Backend * Firebase Integration * Authentication * Dashboard * Analytics * Leaderboard * Hotspot Analysis * Sustainability Dashboard * Admin Dashboard Output actual production-ready code and folder structure.