-
Clone the repository
-
Install all dependencies
-NPM install -
Run this command in terminal to start application -NPM start
-
After running this application, you will be directed to the browser and will see your application running on the local host.
-
You will see a list of products on the Home page.
-
when you click on Add to card button, your product will be added to cart, and you will see a notification.
-
On Right side you can see the shopping cart icon with animated circle where you see the number of products added to the cart.
-
Click on shopping cart icon, you will be redirected to cart page where you will see a list of product added to your cart.
-
On the cart page with every item, you can see a delete icon, and increment (+) and decrement (+) signs.
- clicking on delete will remove your product from shopping cart
- clicking on + sign will increment the quantity
- clicking on - will decrease the quantity
-
On every increment and decrement, the number of quantity and price get updated.
The main challenge was to make this shopping cart user-friendly, I was getting confused on different designs and colors.
I searched for different ecommerce websites and after research I have decided to follow this design.
- Make sure that Node.js is already installed in your machine.
-Make sure that you are running all these commands in the directory where you have cloned the code.