🛒 Amazon Clone

📺 Project Overview

This project is a fully responsive Amazon Clone, built using HTML, CSS, and Vanilla JavaScript. It replicates key e-commerce functionalities including product search, cart management, order placement, and order tracking.

🌐 Live Demo

🔗 View Live Demo

🌟 Features

• 🛍️ Add products to cart and proceed to checkout
• 💳 Place orders
• 🔎 Product search functionality
• 📦 Order tracking system simulation
• 🖥️ Fully responsive design across all screen sizes

🚀 Technologies Used

• HTML5
• CSS3 (Flexbox & Grid)
• Vanilla JavaScript
• Responsive Design Techniques

🛠 Installation

Prerequisites

• Web browser (Chrome, Firefox, Safari, Edge)
• Text editor (VS Code, Sublime Text, etc.)

Steps

1. Clone the repository

git clone https://github.com/premdood/amazon-project.git

2. Navigate to the project directory

cd amazon-project

3. Open index.html in your preferred web browser

🔍 Key Components

HTML Structure

• Semantic HTML5 markup
• Structured layout for homepage, product listing, and checkout
• Accessibility considerations

CSS Styling

• Responsive layout using Flexbox and Grid
• Theming inspired by Amazon's UI
• Hover and transition effects for interactive elements

JavaScript Functionality

• Add/remove items from cart
• Product search bar with filtering
• Checkout flow simulation
• Order tracking with unique order IDs
• Local storage usage for persisting cart/order data

🏆 Challenges Overcome

• Simulating a real-world e-commerce workflow using vanilla JS
• Implementing cart logic and persisting data with local storage
• Building a scalable UI layout for multiple devices
• Integrating a simple search/filter mechanism for products

---

Disclaimer: This project is for educational purposes only and is not affiliated with Amazon.

---