link : https://sbsidd17.github.io/js-e-com/
The Product Store is a web application that allows users to browse and purchase products. Users can view a list of available products, add them to the cart, and proceed to checkout.
- Display a list of products with their images, names, and prices.
- Add products to the cart and view the total number of items in the cart.
- Open a cart modal to view the selected products in detail.
- Responsive design for a seamless experience on different devices.
- HTML
- CSS
- JavaScript
- Clone the repository:
git clone https://github.com/your-username/product-store.git
- Open the index.html file in a web browser.
- The products will be displayed on the main page.
- Click the "Add to Cart" button to add a product to the cart.
- The number of items in the cart will be displayed on the cart icon.
- Click the cart icon to open the cart modal and view the selected products.
- Close the cart modal by clicking the "Close" button.
- To view product details, click the "View Details" button in the cart modal.
Feel free to customize the styles in the style.css file and add additional functionality to enhance the shopping experience.
This project is licensed under the MIT License.
- The design and implementation of this Product Store were inspired by PWSKILLS resources and tutorials.