Aliyan Collection – Pure-Frontend eCommerce Showcase

A fully-responsive, mobile-first fashion boutique built with nothing but vanilla HTML, CSS and JavaScript.
No frameworks, no build tools, no backend—just clean, semantic markup and modern ES6 served straight from GitHub Pages.

Live Demo

https://codewithaliyan.github.io/AliyanCollection-Ecommerce/

Features

• Pixel-perfect, device-agnostic UI (desktop / tablet / mobile)
• Sticky header with seamless light/dark logo swap on scroll
• Slide-down search overlay with live product filtering
• Functional shopping-cart & wish-list (localStorage persistence)
• Animated “Add to Cart” buttons with real-time counters
• Off-canvas cart panel (quantity +/-, remove, checkout redirect)
• Hamburger-driven navigation for ≤992 px viewports
• 5-day order-tracking countdown timer on checkout success
• Live Pakistan Standard-Time clock in footer
• SEO-friendly, semantic HTML5 and lazy-free CSS
• GitHub Pages deployment from /docs folder

Technologies Used

• HTML5
• CSS3 (custom properties, flexbox, grid, media queries)
• Vanilla JavaScript (ES6 modules, localStorage, DOM API)
• Google Fonts (Montserrat)
• GitHub Pages (hosting)

How to Run the Project Locally

1. Clone the repo

   git clone https://github.com/CodeWithAliyan/AliyanCollection-Ecommerce.git

Open any file inside docs/ in your browser—no server required. (VS Code “Live Server” optional for nicer URLs.) Deployment Details Host: GitHub Pages Source: /docs folder on main branch Custom domain ready—CNAME file optional. Screenshots https://via.placeholder.com/1280x600?text=Hero+Banner+Screenshot

Author Aliyan Qureshi GitHub: https://github.com/CodeWithAliyan