This Projects features a lot of functions I will love developers to explore, the functions ranges from the add items cart to
having the added cart items on another page i.e the cart page is entirely another page, it is there not a single page shopping cart
project. On the items page or main web page once an item is added to cart, it can no longer be added to cart but the quantity can be
increased from the cart page. For neatnessness and simplicity an array was created to contain the each product information and
The cart logo increments the number of items in cart once another item is added to cart, now concerning the cart page, I have added some
functionalities which includes incrementing or decrementing the quantity of each item, removing item from cart, as the quantity of an item
increases, the total price increases, the unit total also increases and the no of item in cart logo also increases.
If a user decides to shop more before purchasing he/she can decide to go back to the shopping page and also if he decides to clear everything
from cart, he can and lastly he can also use to purchase the button to display a thank you message and to clear the cart.
Below is the breakdown of the functions of this project into list
- Multiple page functionality
- Addition of cart items using Javascript, this making the markup very neat 3.A single click to ad items to cart.
- The same item cannot be re-added to cart once added
- Local storage functionality, items in cart never disappears after refresing the page
- Items remain in cart even after the browser is closed and re-opened again
- Items quantity can be incremented and decremented in the cart page, as the increment or decrement takes place the unit total and total price also increase or decreases
- Items can be completely removed from cart
- A user can decide to go back to homepage from the cart page to continue shopping
- User or a customer can decide to clear cart with the cart button.
Please Note: Included in this project a sidenav and a footer, which are not really part of the project, it was just added to ease stress for anyone who hastily needs a project they can work with without writing Lall of those from scratch.
I have also included the zip file if you intend to download this project into your computer easily.
I am convinced you will enjoying using or exploring this project.
DISCLAIMER: PLEASE NOTE ALL THE IMAGES USED IN THIS PROJECT ARE NOT MINE, SOME OF THEM ARE DOWMLOADED FROM PIXABAY WEBSITE.
