Fake Store - E-commerce Website Clone

Objective:

This project aims to clone a modern e-commerce website using HTML, CSS, Bootstrap, and integrate the FakeStore API to dynamically fetch and display product details.

Features:

• Homepage: Displays product details retrieved from the FakeStore API using JavaScript Fetch.
• Product Details: Clicking on a product redirects users to a new page with detailed information such as full product image, title, description, price, and category.
• Responsive Design: The website is fully responsive and adjusts to different screen sizes, including mobile, tablet, and desktop.
• Bootstrap Styling: Utilizes Bootstrap 5 for layout, design, and responsiveness.

Technologies Used:

• HTML: For page structure and content.
• CSS: For styling the website.
• Bootstrap: For responsive grid layout and UI components.
• JavaScript (Fetch API): To retrieve product data from the FakeStore API.

Functional Requirements:

• Product Cards: Fetch and display product data dynamically in a grid format.
• Product Details Page: When a product is clicked, the user is taken to a page showing detailed product information.
• Loading Spinner: A loading spinner appears while product data is being fetched.

Live Demo:

Visit the live demo of the project here: Fake Store Demo

Setup Instructions:

1. Clone the Repository:

   git clone <repository-url>

2. Open in Browser: Open the index.html file in your browser to view the website.

Deployment:

The website is deployed on Netlify for easy access. You can view it live at the link above.

Acknowledgments:

• FakeStore API: The project uses the FakeStore API (https://fakestoreapi.com/products) to fetch product data for the website.