Human Computer Interaction Project

1. A SMART SHOPPING
CART
BY Group 39

2. Want this?

3. Table of Contents

4. Problems
1. Long waiting queues
2. Wasting time on searching products
3. Forgetting to buy products
4. Safety and health during a pandemic
5. Difficult to display offers
6. Lot of labour for the scanning and billing process

5. Our Solution
1. Customers can purchase the product by just scanning the barcodes printed on the
products before adding it to cart.
2. Mobile app keeps adding the items in list and the total amount is updated accordingly
3. Customers can scan and remove any item
4. LCD will show the improved bill at each instance
5. Billing will be done automatically
6. Customers can do the bill payment through their preferred payment method
7. Customers will be able to view their digital receipts via app

7. People
People who will use the system
1. Administrators: The administrators ensure that the price of the items put in the
cart is correct, as well as the total amount the customer is to pay for the things in
the cart.
2. Store owners: Store owners, will have to provide the goods and services in the
cart which have been requested and paid for by customers.
3. Customers: When Customers view a product they like, and what to purchase it,
they put these items into the shopping cart to continue shopping without losing
them or to pay for everything they have bought so far.

8. Activity

9. Context (Design)

10. Technology
◦ The mobile application will be developed for the Customer who uses our smart shopping cart.
What the Mobile Application can do
 Scanning QR code
 Locate required product
 Display purchased items
 Automatic billing
 Payment can be done
 Products showcase with discounts
 Can maintain a to-buy list

11. Technology (contd)
◦ The web application will be developed for the admin and staff they can manage the activity and transactions. The
web application will be developed for the administration and staff activity. An administrator can add staff and
monitor all activities and the staff can access carts and they can take bills manually when users pay with ready cash.
What the web application can do
 Administrator
i. Manage all product items
ii. Manage all staff and their permission
iii. Tracking Customer activity
iv. Give offer details for the product
 Cashier
i. Cashier can access payment details of the customers
ii. They can receive payments from customers (when they pay manually)

12. Technology
Web App
◦ Front-end
i. React js
ii. React Native
◦ Back-end
i. MongoDB
ii. Mongoose
iii. Express
◦ Server
i. mongodb atlas

13. Technology
Mobile App
◦ Frond-end
i. Node js
ii. React js
iii. Html
iv. CSS
v. Javascript
vi. Bootstrap
◦ Back-end
i. MongoDB
ii. Mongoose
iii. Express
◦ Server
i. mongodb atlas

14. Implentation

15. Limitations and Conclusion
This project aims at making shopping easier, faster and convenient for traders and
customers. Due to the scope of the project and the timeline, some of the
functionalities will not be implemented.

16. Thank You

17. Group Members