Amazon Clone (JavaScript Project)
This project is a front-end implementation of a simplified Amazon e-commerce clone built using HTML, CSS, and vanilla JavaScript (ES6 modules). It demonstrates key e-commerce functionalities such as dynamic cart management, checkout and payment summaries, order storage, and API-based order creation.
Overview
The Amazon Clone simulates a complete online shopping experience. It includes product listing, cart operations, order summary, and checkout functionality. All data is managed on the client-side using modular JavaScript, and order details are temporarily stored using local data handling and mock APIs.
Features
- Cart Management
Add and remove items from the cart.
Update product quantities dynamically.
Change delivery options for each product.
Cart quantity updates automatically in real time.
- Checkout and Payment Summary
Calculates total item price, shipping cost, and estimated tax.
Displays total amount before and after tax.
Handles empty cart scenarios gracefully by displaying a “No products in cart” message with a link to return to the homepage.
- Orders Page
Displays all previously placed orders.
Orders are saved locally using mock data.
Integrates with an external test API (https://supersimplebackend.dev/orders) for order placement.
- Utility and Modularity
Modularized JavaScript code (separate modules for cart, orders, products, and utilities).
Uses Day.js for date formatting and delivery date calculations.
Uses Fetch API for HTTP requests.
Centralized money formatting and currency utility (money.js).