🛒 Amazone Clone

A fully responsive, Amazon-inspired e-commerce frontend application built with React. This project replicates the core design and layout of Amazon's homepage, offering a clean UI, product cards, responsive layout, and intuitive navigation.

---

📸 Preview

---

⚙️ Features

• ✅ Modern UI: Clean, user-friendly, and minimalistic design
• ✅ Responsive Design: Works flawlessly on mobile, tablet, and desktop
• ✅ Product Listing: Dynamically displays multiple products with details
• ✅ Search Functionality: Filter/search bar integrated into the header
• ✅ Navigation Bar: Amazon-like header for seamless navigation
• ✅ Add to Cart UI: Includes an "Add to Cart" button with basic UI state
• ✅ Netlify Deployment: Hosted with instant continuous deployment

---

🚀 Tech Stack

Layer	Technology
Frontend	React, JavaScript, CSS
UI Layout	Flexbox, CSS Grid
Routing	React Router DOM
Deployment	Netlify

---

🧑‍💻 Getting Started

Follow these steps to run the project locally on your machine.

1. Clone the Repository

git clone https://github.com/amirmub/amazoone-clone.git
cd amazoone-clone

Install dependencies:

npm install

Start the development server:

npm start

Build for production:

npm run build

Visit the app at:

📍 http://localhost:3000

Project Structure

amazoone-clone/
├── public/
├── src/
│   ├── assets/
│   ├── components/
│   ├── pages/
│   ├── data/
│   ├── styles/
│   ├── App.js
│   └── index.js
├── package.json
└── README.md

Deployment

🌐 Live URL: https://amazoone-clone.netlify.app

• Hosted on Netlify

• Continuous deployment from GitHub main branch

Contributing Contributions are welcome! 🚀

Fork the repository

Create a new branch:

git checkout -b feature-new-feature

Make your changes

Commit your changes:

git commit -m "Add new feature"

Push to GitHub:

git push origin feature-new-feature

Open a Pull Request

Contact

• For queries, suggestions, or feedback:

  📧 Email: amirmubarek01@gmail.com
  📌 GitHub: @amirmub