Amazon Clone

A responsive Amazon clone website built with HTML, CSS, and JavaScript that replicates key features of Amazon's user interface.

📝 Description

This project is a frontend implementation of Amazon's e-commerce platform, featuring:

• Responsive navigation bar with search functionality
• Image slider for featured products
• Product grid displays with hover effects
• Product details page with image gallery
• Shopping cart interface
• User authentication pages (Sign in/Sign up)
• Mobile-responsive design

🚀 Features

• Navigation Bar

  • Logo and country selector
  • Search bar with category dropdown
  • Language selector
  • Account and orders section
  • Shopping cart

• Home Page

  • Auto-sliding header banner
  • Product category cards
  • Horizontally scrollable product lists
  • Deal sections with pricing and discounts

• Product Page

  • Product image gallery
  • Detailed product information
  • Color selection options
  • Add to cart functionality
  • Related products section

• Authentication

  • Sign in page
  • Sign up page
  • Form validation

🛠️ Technologies Used

• HTML5
• CSS3
• JavaScript (Vanilla)
• Google Fonts (Outfit, Poppins)

📂 Project Structure

amazon-clone/
│
├── assets/
│   ├── amazon_logo.png
│   ├── amazon_logo_dark.png
│   ├── cart_icon.png
│   └── [other images...]
│
├── index.html
├── product.html
├── signin.html
├── signup.html
├── cart.html
├── style.css
├── product.css
├── signin.css
└── script.js

🎯 Getting Started

1. Clone the repository:

git clone https://github.com/yourusername/amazon-clone.git

2. Navigate to the project directory:

cd amazon-clone

3. Open index.html in your preferred browser or use a local server:

# Using Python
python -m http.server 8000

# Using Node.js
npx serve

📱 Responsive Design

The website is fully responsive and optimizes for:

• Desktop (>900px)
• Tablet (600px - 900px)
• Mobile (<600px)

🤝 Contributing

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

📄 License

This project is for educational purposes only. Amazon's brand name, logo, and images are properties of Amazon.com, Inc.

🙏 Acknowledgments

• Amazon.com for design inspiration
• Font Awesome for icons
• Google Fonts for typography

📧 Contact

Project Link: https://amazon-clone-arun.netlify.app/