https://github.com/piyuminadee/amazon-clone

https://github.com/piyuminadee/amazon-clone

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/piyuminadee/amazon-clone
• Owner: piyuminadee
• Created: 2024-05-16T07:02:28.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-05-21T08:57:12.000Z (6 months ago)
• Last Synced: 2024-05-21T10:32:00.899Z (6 months ago)
• Language: JavaScript
• Size: 3.56 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Amazon Clone Project 🚀

## Table of Contents

- [Introduction](#introduction)

- [Features](#features)

- [Technologies Used](#technologies-used)

- [Setup and Installation](#setup-and-installation)

- [Usage](#usage)

- [Project Structure](#project-structure)

## Introduction

This project is an Amazon clone created to transition from beginner to pro in JavaScript. It mimics the core functionalities of Amazon's e-commerce platform using only frontend technologies. Users can browse products, add them to a cart, and view the cart details, all without backend integration.

## Features

- Product listing and search

- Product details page

- Shopping cart management

- Simulated checkout process

## Technologies Used

- **Frontend:** HTML, CSS, JavaScript

- **Libraries:** jQuery, DayJs, JSON

- **Tools:** 

## Setup and Installation

### Prerequisites

- A web browser (latest version recommended)

### Installation

1. **Clone the repository:**

    ```bash

    git clone https://github.com/piyuminadee/Amazon-clone.git

    cd Amazon-clone

    ```

2. **Open the project:**

    Open `amazon.html` in your web browser.

That's it! The project runs entirely in the browser, so no server setup is required.

## Usage

- **Browse Products:** View the list of available products.

- **Product Details:** Click on a product to view more information.

- **Add to Cart:** Add products to your shopping cart.

- **View Cart:** Check the items in your shopping cart.

- **Simulated Checkout:** Proceed with a simulated checkout process.

## Project Structure

```plaintext

amazon-clone/

├── css/                 # CSS styles

│   ├── amazon.css

    ├── checkout.css

    ├── order.css

├── js/                  # JavaScript files

│   ├── amazon.js

│   ├── checkout.js

│   ├── checkout/

         ├── orderSummery.js

         ├── paymentSummery.js

    ├── utils/

         ├── money.js

├── data/

     ├── cart.js

│    ├── product.js

│    ├── deliveryOptions.js

├── images/              # Product images

├── amazon.html          # Main HTML file

├── checkout.html

├── order.html  

└── README.md            # Project documentation