Walmart Eco Rewards Website Development

Create a fully functional, ultra-premium quality website for a sustainability-driven platform named Walmart Eco Rewards. This platform will combine a modern frontend, powerful backend, AI-based item classification, user dashboards, and real-time location features. The final result should be bug-free, production-ready, and follow best development practices. Every step must be done in detail — no placeholders or skipped logic.

⸻

Tech Stack (mandatory):
• Frontend: React + Vite + TailwindCSS (responsive, polished UI/UX)
• Backend: Node.js + Express.js
• Database: MongoDB (with Mongoose)
• Authentication: Firebase Google Sign-In with username and password
• ML/AI Integration: Python + OpenCV to classify items
• Location Services: HTML5 Geolocation + Google Maps API

⸻

Required Pages & Step-by-Step Features:

1. Google Login Page
• Firebase authentication using Google
• Mandatory username and password
• Personalized welcome after login

2. Home Page
• Sticky, responsive Navbar:
• Home, Eco Dashboard, About Us, Schedule Pickup/Drop, Upload Item
• Hero Section with premium animation or vector art
• Sections explaining:
• How the platform works
• Features: AI analysis, smart swaps, reward tracking
• Footer:
• Privacy Policy, Terms of Use, Nearby Walmart Stores (with GPS)

3. Upload Item Page
• Drag-and-drop image upload
• Next page: form with item name, type, condition, etc.
• Call backend Python model:
• Suggest: Recycle / Refurbish / Donate
• Detect and display user’s GPS location

4. AI Model Integration
• Use Python OpenCV model to classify uploaded items
• Return suggestion to frontend with explanation
• Process via secure API

5. Schedule Pickup / Drop
• Show nearby stores using Google Maps API
• Pickup: show optimized time slot for delivery agents
• Drop: generate QR code linked to item and user profile

6. Eco Dashboard
• Display:
• Current eco points
• Progress toward Eco-Benefits Card (e.g., “150 points left”)
• History: item name, image, status, date
• Environmental impact summary (carbon saved, trees, etc.)

7. Smart Swapping Logic
• During pickup:
• Offer eco-swap: “Would you like to exchange for ₹X off?”
• Add result to rewards or wallet

8. Rewards System
• Award eco-points:
• Recycle = 10 points
• Refurbish = 5 points
• Donate = 20 points
• At 200 points, unlock Eco-Benefits Card
• Benefits: discounts, faster pickups, more points

9. User Engagement Features
• Suggest eco-alternatives after each action
• Example: recycled bottle → suggest steel bottle
• Shareable progress reports (downloadable PDF)
• Green Prime Slot notification if delivery van is nearby

⸻

Requirements:
• Must be 100% in English
• All features must be implemented in full (no dummy UIs)
• UI should be high-end, fast, and responsive on all devices
• Ensure SEO-ready structure and proper file organization
• Must include testing, deployment steps, and documentation

⸻

Deliverables:
• Complete codebase (frontend + backend + ML)
• Firebase and Maps integration working
• Final hosted live link (or deployment support)
• GitHub repo and deployment instructions
• No bugs, no missing features