Skip to content

Gobind147/Shopping-Cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Shopping Cart

javascript html5 css3
A simple web application for an online clothing store that allows users to browse products, add them to a shopping cart, and view the total bill. This project demonstrates the use of HTML, CSS, and JavaScript to create an interactive shopping experience!
  1. 🤖 Introduction
  2. ⚙️ Tech Stack
  3. 🔋 Features
  4. 🤸 Quick Start
  5. 🕸️ Usage
  6. 🔗 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).

screenshot1

screenshot2

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published