AI ShopSmart: The Development of an AI-Powered E-Commerce Platform Built on the MERN Stack, Groq AI, Real-Time Analytics, and Gamification

Built on the MERN stack (MongoDB, Express.js, React, Node.js), ShopSmart AI is a production-ready, full-stack ecommerce web application whose whole design, development, and deployment are covered in this article. Groq AI (LLaMA 3.3 70B model) is integrated to provide intelligent features including a conversational AI chatbot, intelligent product search, budget planning assistant, review summarization, and AI-powered product comparison. The system has thorough ecommerce capability including product catalogue management, purchasing cart, order tracking, multi-step checkout, and an admin dashboard with JWT-based user authentication. Beyond conventional e-commerce, ShopSmart AI combines gamification features-daily spin wheel, loyalty points system with tier progression, and referral scheme with dark/light theme switching, animated UI with Framer Motion, PWA capabilities for offline access, and mobile-responsive bottom navigation. At no cost, the React frontend is hosted on Vercel while the backend REST API is deployed on Render.com. Through Nodemailer, email alerts are automated. System design, technology selection criteria, feature implementation specifics, UI/UX design choices, recorded known bug fixes, deployment process, and forward scope are all addressed in this paper.