๐๏ธ Amazon Clone โ Frontend Project A responsive, feature-rich Amazon-like shopping experience built using HTML, CSS, and JavaScript. This project simulates a full front-end e-commerce flow including cart management, order tracking, and basic checkout functionality.
๐ Features ๐ Add to Cart โ Add products with quantity control and price calculations
๐งฎ Real-time Cart Updates โ Totals auto-update using JavaScript + localStorage
๐ฆ Order Tracking โ Simulated past orders with product thumbnails
๐งฑ Modular Code Structure โ Separated concerns using JS modules
๐ง Object-Oriented Programming โ Implemented using both Object Syntax and ES6 Classes
โ Unit Testing โ Jasmine test suite for key cart logic
๐ Responsive UI โ Clean, scalable design using grid layouts
๐ก Technologies Used HTML5, CSS3 (Grid/Flexbox)
Vanilla JavaScript (ES6+)
Jasmine (for testing)
LocalStorage API
๐ Folder Structure bash Copy Edit /scripts # JavaScript files (cart, products, utils) /styles # CSS (shared + page-specific) /data # Product and cart data /tests # Jasmine tests ๐ง Lessons Learned DOM manipulation and real-time rendering
Efficient use of localStorage for session data
Applying OOP principles in JavaScript
Writing and running automated tests with Jasmine
๐ ๏ธ Future Enhancements ๐ Search & filter products
๐ Dark mode toggle
๐ง Login simulation with session storage
โญ Product reviews and rating system
๐ Order analytics dashboard
๐ค Let's Connect If you have suggestions or feedback, feel free to open an issue or connect with me on LinkedIn!