Skip to content

OrhanKB/JavaScript-Shopping-Cart

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

JS Shopping Cart

Description

This repository contains the source code for a simple yet effective JavaScript-powered web app designed for online shopping. The application boasts responsive design, product categorization, and a dynamic shopping cart with quantity adjustment and real-time total price calculation.

picture

Features

Header

  • Logo and Navigation: Easily navigate through the website using the logo and category buttons (Men's Clothing, Women's Clothing, Jewellery).
  • Login Button: Provides access to user authentication features.
  • Shopping Cart Button: Real-time indicator of the number of items in the cart.

Shopping Cart (Aside)

  • A sliding cart section on the right side of the page.
  • Displays added items with relevant information (image, title, price) and facilitates quantity adjustments.
  • Real-time total price calculation for items in the cart.

Usage

  • Open the index.html file in a web browser.
  • Explore product categories by clicking on Men's Clothing, Women's Clothing, or Jewellery.
  • Use the "Add to Cart" button to include desired products in the shopping cart.
  • Adjust the quantity of items within the shopping cart using the provided buttons.
  • Close the shopping cart by clicking the "Close" button

Notes

  • Product data is retrieved from the Fake Store API.
  • Cart items and quantities are stored locally for persistence.
  • The app ensures real-time updates for total price and quantity.
  • Designed for a smooth and enjoyable online shopping experience.

About

JavaScript Shopping Cart

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published