Skip to content

README.md

Latest commit

 

History

History
86 lines (53 loc) · 1.93 KB

README.md

File metadata and controls

86 lines (53 loc) · 1.93 KB

🛒 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
  1. Navigate to the project directory

cd amazon-project
  1. 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.