Ecomzy-Shopping-Cart

Table of Contents

• Overview
• Features
• Preview
• Technologies
• Usage

Overview

"Ecomzy - Shopping Cart" is a web application that allows users to browse and purchase products online. It offers a seamless shopping experience with features like adding and removing items from the cart, displaying the total amount of items in the cart, and a checkout option.

Features

• Product Listing:

  • Displays a list of products, each with a name, short description, image, price, and an "Add to Cart" button.
  • Implements hover animations and button color changes for an interactive user experience.

• Shopping Cart:

  • Allows users to add and remove items from the cart.
  • Updates the cart icon in the navbar with the number of items in the cart.

• Cart Page:

  • Displays a list of items in the cart with a delete button to remove items.
  • Shows the total amount of items in the cart.
  • Provides a "Checkout" button to proceed to checkout.

Preview

View Live Demo

Technologies

• React
• React Router DOM
• Redux Toolkit
• React-Redux
• React Icons
• React Hot Toast

Usage

1. Product Listing:

   • Browse through the list of products, each displaying a name, short description, image, price, and an "Add to Cart" button.

2. Adding to Cart:

   • Click the "Add to Cart" button to add a product to the cart.
   • The button will change to "Remove from Cart" for items already in the cart.

3. Cart Page:

   • Click the cart icon in the navbar to access the cart page.
   • View and manage the items in your cart, including removing items.
   • See the total amount of items in the cart.

4. Checkout:

   • Click the "Checkout" button on the cart page to proceed with your purchase.