E-Commerce App

This is a simple e-commerce application built with React and Redux Toolkit. It allows users to browse items, add them to a cart, and manage the cart's contents.

Project Link

https://e-commerce-app-theta-six.vercel.app/

Table of Contents

• Project Description
• Technologies Used
• Features
• Installation
• Usage

Project Description

This project is a basic e-commerce application where users can:

• View a list of products.
• Add products to their shopping cart.
• Increment or decrement the quantity of products in the cart.
• Remove products from the cart.

Technologies Used

• React Bootstrap: Used for building the UI
• State Management with Redux Toolkit: The cart state is managed using Redux Toolkit, providing actions and reducers to handle adding, incrementing, decrementing, and removing items from the cart.
• React Router: Used for routing to different component pages

Features

• State Management: Utilizes Redux Toolkit for managing the state of the shopping cart.
• Routing: Implements routing with React Router to navigate between the home page and the cart page.
• User Interface: Built with React Bootstrap for responsive and modern UI components.
• Cart Operations: Users can add items to the cart, increase/decrease item quantities, and remove items from the cart.

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/ChuaJingYong/e-commerce-app.git
   cd e-commerce-app

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open your browser and navigate to:

   http://localhost:5173
   

Usage

Once the application is running, you can:

1. View Products: Browse the list of available products on the home page.
2. Add to Cart: Click on a product to add it to your shopping cart.
3. Manage Cart: Navigate to the cart page to view your cart. You can increment or decrement the quantity of each product or remove products from the cart entirely.