Description

Amazeon, a clone of Amazon, is an e-commerce company that allows users to purchase a wide range of products from life necessities to items of passion.

Controls

You navigate to different pages by clicking certain items and buttons to display more information about or check said item/s.

Technical Details

Amazeon was coded using React-Redux for the frontend and as for the backend, it was coded by using JS. I also implemented HTML and CSS.

Feature Implementation

The function totalItemsInCart allows the user to see how many items there are in the cart by iterating through an object of cart items and getting the quantity of every item, then adding it to the total. The function totalSelectedItems allows us to see how many items are selected by seeing if there is a quantity if an item, if there is add one to the total, if not then set the total to zero.

This function handleCheckboxChange checks if the item is currently checked or not. We first check if the index is in the selectedItems array aka if it's checked. If it's not checked then selectedIndex will be -1. If it's -1 push the item into a new array. If it's not -1 then we know it's in the array and so we can filter it out from the rest of the array.

This function iterates through an array of all the selected items gets their cost and multiplies it with their quantity to result in the total cost of all the items that are selected.

These functions grabs the quantity from the cart and change the font depending on how many items are in the cart.