This is a lightweight, front-end focused Amazon-style e-commerce project implemented with plain JavaScript, HTML and CSS. It demonstrates product listing, a shopping cart, checkout flow, orders tracking, and small utilities for money formatting and tests.
Highlights
- Vanilla JavaScript: No frameworks — meant for learning core web development concepts.
- Modular structure: Separate pages and scripts for
amazon,checkout,orders, andtracking. - Cart implementations: Multiple
cartimplementations indata/for practice (OOP, class-based, functional). - Simple backend:
backend/products.jsonprovides product sample data used by the app. - Tests: Small test files located in
tests/andtests-jasmine/to validate utilities.
Quick demo screenshots
Front page / product listing:
Cart & checkout summary:
Order tracking / confirmation:
Project structure (top-level)
amazon.html— main product listing pagecheckout.html— checkout floworders.html— past orderstracking.html— delivery trackingbackend/— sample data (products.json)data/— practice modules and cart implementationsscripts/— page-specific JS (amazon.js,checkout.js, etc.)styles/— CSS organized by pages and shared stylestests/,tests-jasmine/— unit tests and test harness


