Abstract:
This project focuses on developing a Sample Product Sales Website using only front-end technologies: HTML, CSS, Bootstrap, and JavaScript. The goal is to create a simple, responsive, and interactive website where users can browse products, view details, and add items to a shopping cart.
The website is designed to showcase products in a clean and user-friendly interface. Utilizing Bootstrap ensures that the design is fully responsive, providing a seamless experience across all devices, from desktops to mobile phones. JavaScript is used to handle interactive features like adding products to the cart, updating quantities, and calculating the total price dynamically, without requiring any back-end server or database integration.

Key Features:
1. Product Display:
a)Products are presented in a grid layout, with each product having an image, title, short description, and price.
b)Clicking on a product reveals more details in a modal or separate section.
2. Shopping Cart:
a)Users can add items to the shopping cart, and the cart dynamically updates in real time.
b)The total price is calculated based on the number of products and their prices.
c)Users can adjust the quantity of items in the cart or remove them.
3. Responsive Design:
a)Bootstrap ensures that the website adapts to different screen sizes and resolutions.
b)The layout is optimized for desktop, tablet, and mobile views.
4. Interactive UI:
a)JavaScript is used to handle all interactions, such as adding products to the cart, updating the cart totals, and toggling product details.
b)No server-side functionality is included, making the website lightweight and easy to deploy.