javascripts-amazon-project

🛒 Amazon Project – E-Commerce Front-End Clone

A functional e-commerce storefront built with vanilla JavaScript, HTML, and CSS — inspired by the Amazon shopping experience.

This project is a front-end clone of Amazon’s core shopping interface. It was built as part of a JavaScript learning journey to practice DOM manipulation, shopping cart logic, and responsive UI design. The site is deployed live on GitHub Pages.

🔗 Live Demo: lenis03.github.io/javascripts-amazon-project/amazon.html

✨ Features

Product Catalog – Browse a selection of products with images, names, and prices.
Shopping Cart – Add items to the cart, view the total, and manage quantities.
Returns & Orders – A dedicated section for tracking orders and returns.
Interactive UI – Dynamic updates without page reloads, powered by vanilla JavaScript.
Responsive Design – Adapts to different screen sizes for desktop and mobile viewing.

🛠️ Technologies Used

HTML5 – Semantic page structure
CSS3 – Custom styling and layout
JavaScript (Vanilla) – All interactivity, cart logic, and DOM manipulation

No frameworks or external libraries were used — keeping the code lightweight and focused on core front-end skills.

🚀 Getting Started

To run this project locally:

Clone the repository:

git clone https://github.com/lenis03/javascripts-amazon-project.git

Navigate to the project folder:
```
cd javascripts-amazon-project
```
Open index.html in your browser — no build tools or server required.

📁 Project Structure

javascripts-amazon-project/
├── index.html          # Main page
├── styles/              # CSS files
├── scripts/             # JavaScript logic
├── images/               # Product images and assets
└── README.md            # Project documentation

🌐 Deployment

The project is hosted on GitHub Pages. Any push to the main branch automatically updates the live site.

📄 License

This project is for educational purposes only. All product images and data are used for demonstration and are not affiliated with Amazon.com, Inc.