- 🤖 Introduction
- ⚙️ Tech Stack
- 🔋 Features
- 🤸 Quick Start
- 🕸️ Usage
- 🔗 Screenshots
A simple shopping cart application that allows users to browse products, add them to their cart, and proceed to checkout. Built using JavaScript, HTML, and CSS, this application demonstrates the basics of front-end web development and local storage interaction.
- JavaScript
- HTML5
- CSS3
👉 Browse Products: Users can view a list of available products.
👉 Add to Cart: Users can add products to their shopping cart.
👉 View Cart: Users can view the products in their cart along with the total price.
👉 Update Cart: Users can update the quantity of products in their cart.
👉 Remove from Cart: Users can remove products from their cart.
👉 Checkout: Users can proceed to checkout and complete their purchase.
👉 Complete Responsiveness: The application works seamlessly on all device types and screen sizes.
Follow these steps to set up the project locally on your machine.
Prerequisites
Make sure you have the following installed on your machine:
- A web browser
- A text editor (e.g., VSCode)
Cloning the Repository
git clone https://github.com/Gobind147/Shopping-Cart.git
cd Shopping-Cart
- Browsing Items: Open the homepage to view available clothing items.
- Adding to Cart: Click on the plus icon (+) to add an item to your cart.
- Adjusting Quantities: Use the plus (+) and minus (-) icons in the cart to change item quantities.
- Removing Items: Click the X icon next to an item in the cart to remove it.
- Clearing Cart: Use the "Clear Cart" button to remove all items from the cart.
- Checkout: Click the "Checkout" button to proceed with your purchase (simulated).