Scribd
Upload
6 views2 pages

Assignment

Uploaded by

Naimur
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
6 views2 pages

Assignment

Uploaded by

Naimur
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Objective: Your task is to create a simple Shopping Cart project using HTML,

CSS & JavaScript.

Requirements:

User Interface (UI)

1. Product List: Display a grid or list of products with details such as:
• Product Image
• Product Name
• Description
• Price
• "Add to Cart" button

2. Checkout Interface

Functional Requirements

Product Display: Fetch products dynamically (using a local JSON file or an API)
& Display products in UI with proper styling.

Add to Cart: Allow users to add items to the cart by clicking an "Add to Cart"
button & update the cart count dynamically.

View Cart: Show items added to the cart with details.

Update Quantity: Allow users to change the quantity of items in the cart.

Clear Cart: Option to empty the cart completely.

Calculate Total: Automatically update the total price as items are added or their
quantities are updated.

Responsive Design: Ensure the cart and product display adapt to different screen
sizes.

Checkout Process: Display a summary of the cart items and total cost.
Mandatory Requirements:

• Separate JS logic for products, cart operations, and UI updates.


• Error handling (e.g., prevent adding negative quantities).

Note: You may use the existing any project template for this assignment &
Assignment marks should vary in you project UI.

Submission Guideline:

Must submit the Live site URL otherwise your assignment marks will be 0. You
may deploy your site on GitHub or Netlify or any others platform

You might also like