E-Commerce Platform

Live Website Link:- https://zaids06.github.io/GDGC-Project/

Demo Video Link:- https://drive.google.com/file/d/1V9d0R1kN2QMtrua5q_-Kt3FeZHZazY2n/view

Screenshots of the project:-

  Home Layout

-> Cart Layout -> Search Bar ->

This project is a simple E-Commerce platform built using HTML, CSS, and JavaScript. It allows users to search for products, view product details, add items to their cart, and manage their cart.

Table of Contents ->Features ->Installation ->Execution Process ->Usage ->Technologies Used

⭐Features

Display products fetched from a fake store API. Load more products with a "Show More" button. Add products to a cart with quantity management. Display total price and product details in the cart. Remove items from the cart.

⭐Installation Clone the repository to your local machine: git clone <repository-url>>

Open the project in your preferred code editor.

⭐Execution Process To run the project locally:

Open the HTML file: Navigate to the project directory and open the index.html file in a web browser.

Fetch and Display Products: On page load, the application will automatically fetch products from the API and display the first four items. Each product will show its name, price, rating, and an "Add to Cart" button.

Load More Products: Click the "Show More" button to load four additional products. Repeat this until all products are displayed.

Add Products to Cart: Click the "Add to Cart" button on a product to add it to the shopping cart. The cart will display the products added, including their quantity and price.

Manage Cart: Adjust product quantities using the + and - buttons. Click the × button to remove a product from the cart. The total price will update dynamically based on the items in the cart.

Checkout: If there are products in the cart, the "Place Order" button will be enabled, allowing you to proceed with the order.

⭐Usage: This application can be modified and enhanced to include features such as user authentication, payment processing, and real-time inventory management.

⭐Technologies Used: HTML CSS JavaScript Fake Store API

License: This project is open-source and available under the MIT License.