(E-Commerce) ElectroShop

ElectroShop – Responsive E-Commerce Website Type of Work A front-end web development project where I built a complete e-commerce website using only HTML, CSS, and vanilla JavaScript. The goal was to create a modern, responsive, and user-friendly online store without relying on external frameworks. Features Product Catalog: 12+ electronic items in 5 categories (PCs, Laptops, Phones, Tablets, Accessories) Smart Search: Real-time search with debounce for better performance Sorting & Filtering: By price (low/high) and name (A–Z/Z–A) Wishlist: Save favorite products with a simple toggle Shopping Cart: Add/remove items, quantity control, and persistent storage via localStorage Authentication: Login/Register forms with client-side validation and password visibility toggle Responsive Design: Mobile-first layout, hamburger menu, touch-friendly controls Theme System: Light/Dark mode toggle with saved preference Accessibility: ARIA labels, keyboard navigation, high contrast, semantic HTML Implementation Developed the interface with HTML5 for semantic structure, CSS3 (Flexbox & Grid) for styling and responsiveness, and JavaScript (ES6+) for dynamic interactions. Applied localStorage to persist cart and theme preferences across sessions. Used debounced search and lazy loading to improve performance. Followed a mobile-first approach, ensuring the website is fully usable on phones, tablets, and desktops. Added accessibility features (screen reader support, focus indicators) for inclusive design. Organized the codebase into clear, maintainable files (index.html, style.css, script.js, etc.). This project demonstrates my ability to design and build a complete front-end solution that looks professional, performs efficiently, and provides a smooth user experience.