Stride – Premium Sneaker E-commerce Website

Stride – Premium Sneaker E-commerce Website

Stride is a modern, fully responsive front-end e-commerce website for a premium sneaker brand, built using **HTML5, CSS3, and Vanilla JavaScript**. The project focuses on delivering a clean user interface, smooth user experience, and scalable code structure without relying on external frameworks.

Key Features

* Responsive design optimized for desktop, tablet, and mobile devices.

* Modern landing page with featured products, categories, offers, customer reviews, and newsletter subscription.

* Shop page with product search, category filtering, sorting, loading skeletons, and empty-state handling.

* Product details page with image gallery, zoom effect, product variants, tabs, and related products.

* Fully functional shopping cart with quantity updates, coupon support, shipping calculation, and order summary.

* Multi-step checkout process including shipping, delivery, payment, order review, and confirmation.

* User dashboard for managing profile information, orders, wishlist, addresses, and payment methods.

* Contact page with contact form, embedded Google Map, business information, and WhatsApp support.

* Custom 404 and 500 error pages.

* Dark Mode with user preference saved in LocalStorage.

* Cart and Wishlist persistence using LocalStorage.

* Reusable design system built with CSS variables for colors, spacing, typography, shadows, and animations.

* Accessibility best practices including semantic HTML, keyboard navigation, visible focus states, ARIA labels, and reduced-motion support.

Technologies Used

* HTML5

* CSS3

* Vanilla JavaScript (ES6)

* LocalStorage API

* Google Maps Embed

* Responsive Web Design

* CSS Variables (Design System)

## Project Structure

The project is organized into separate HTML pages, reusable CSS components, and modular JavaScript files to ensure maintainability, readability, and future scalability.

## Purpose

This project demonstrates my ability to build a complete front-end e-commerce website from scratch, focusing on responsive design, clean code architecture, user experience, and modern web development best practices.