-
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.๐๐
-
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.
-
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.
- Setup: Initialize your project and set up the necessary files.
- This project is a great opportunity to practice your JavaScript skills without relying on external libraries. Happy coding! ๐๐
4 . Screenshots
- Desktop screen
- Mobile Screen