E-Commerce Cart System

Overview

This project is an e-commerce cart system built using HTML, CSS (Bootstrap), and JavaScript. It includes features for adding, removing, and adjusting product quantities in the cart. The cart dynamically updates to reflect changes in real time.

Features

• Product Management: Add, remove, and adjust quantities of products in the cart.
• Dynamic Updates: Automatically updates product quantities and total prices.
• Responsive Design: Fully responsive layout using Bootstrap for a seamless experience on all devices.
• Modern UI: Clean and modern design with intuitive controls.
• Real-Time Cart Updates: Instant updates for cart total and item counts.

Project Structure

• index.html: Main page layout with a navigation bar and cart section.
• showAddToCartCards.js: JavaScript code to manage dynamic product cart elements.
• addToCartTotal.js: JavaScript code for calculating and displaying the total price.
• style.css: Custom styles for the project.
• images/: Folder containing project images (e.g., logo, product images).

Usage

Adding Products

• Use the "Add to Cart" button on product pages to add items to your cart.

Viewing Cart

• Navigate to the cart page to view and manage added products.

Updating Quantities

• Use the increment and decrement buttons to adjust the quantity of each product.

Removing Products

• Click the "Remove" button to remove items from your cart.