A Web Based Scan and Go System for Contactless Retail Checkout

Abstract

Modern retail environments are consistently challenged by operational inefficiencies that detract from the customer shopping experience, most notably the long queues and delays associated with traditional, manual billing systems. This paper introduces the Linea Smart Shopping Cart System, a web-based solution designed to directly address these challenges by bridging the gap between the convenience of e-commerce and the engagement of physical retail. The system's primary objective is to deliver a seamless, contactless shopping journey. It empowers customers to use their own mobile phone camera to scan products, which are then instantly added to a real-time virtual cart. Customers can then proceed to a secure self-checkout, completely bypassing the need for manual billing and significantly reducing checkout time. The Linea system is built upon scalable and modular three-tier architecture, comprising a frontend, backend, and add-on modules. The frontend is a responsive Progressive WebApp (PWA) developed using React, TypeScript, and Tailwind CSS. The entire backend is powered by Firebase, which provides a robust suite of servicesFirebase Authentication for secure, role-based login; Cloud Firestore as a NoSQL database for real-time cart synchronization and product management; Cloud Functions for server less logic, such as receipt generation and checkout timestamp calculations; and Cloud Storage for hosting digital receipts and product images. This cloud-based integration ensures low maintenance costs, high scalability, and seamless data synchronization between all users and administrators. A key differentiator for Linea is its focus on affordability and practical deployment, particularly for small and medium-sized retailers. While conceptually inspired by sensor-heavy systems like Amazon Go, Linea deliberately avoids the high infrastructure costs associated with computer vision and sensor hardware. Instead, it leverages the ubiquitous smartphone camera and open-source barcode scanninglibraries, making it a highly accessiblealternative. The system provides distinct role-based dashboardsCustomers can scan, add to their cart, and pay, while an Admin dashboard offers comprehensive tools for product CRUD operations, real-time inventory tracking, pricing updates, and viewing analytics. The implemented system successfully achieved its core objectives, resulting in a 100% contactless shopping experience and a 50% reduction in average checkout time, while also eliminating manual Billing errors. This scalable architecture not only modernizes the retail experience but also provides a solid foundation for future evolution. Planned future developments include the integration of an AI- driven recommendation engine, a Manager Dashboard with predictive sales analytics, and IoT-based RFID auto-detection to one day eliminate manual scanning entirely. Linea is thus positioned as a viable, affordable, and futuristic model for the next generation of retail transformation, especially within developing markets.