Rahul02M / Shopping-Card

In this project, we’ll build a shopping cart application using HTML, CSS, JavaScript (which means no external libraries or frameworks). The goal is to understand the mechanics of a shopping cart system.πŸ›’πŸŒŸ

Home Page:https://wearbeat-collective.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Shopping CartπŸ›’

  1. Introduction

    • In this project, i build a shopping cart application using HTML, CSS, JavaScript (which means no external libraries or frameworks). The goal is to understand the mechanics of a shopping cart system.πŸ›’πŸŒŸ
  2. Project Overview

    • Shopping cart will simulate a clothing store. Each product card will include an image, title, description, price, and quantity options. Users can add or remove items from the cart, and the total bill will be calculated.
  3. Key Sections Covered

    • Setup: Initialize your project and set up the necessary files.
    • Navbar: Create a navigation bar for easy access to the cart.
    • Product Cards: Display product information (image, title, description, price).
    • Increment and Decrement Functions: Implement buttons to adjust item quantities.
    • Update Functions: Update the cart based on user actions.
    • Calculation: Calculate the total bill.
    • Remove Item: Allow users to remove items from the cart.

  • This project is a great opportunity to practice your JavaScript skills without relying on external libraries. Happy coding! πŸ›’πŸŒŸ

4 . Screenshots

  • Desktop screen

shoping cart

shoping cart 2

  • Mobile Screen

shoping cart mobile

About

In this project, we’ll build a shopping cart application using HTML, CSS, JavaScript (which means no external libraries or frameworks). The goal is to understand the mechanics of a shopping cart system.πŸ›’πŸŒŸ

https://wearbeat-collective.netlify.app/


Languages

Language:HTML 35.1%Language:CSS 34.4%Language:JavaScript 30.5%