Skip to content

ajithDav/javascript_p1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

2 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ›๏ธ 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!