(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.