Yeezy Gap Website

A mirrored version of the Yeezy Gap collaboration website, showcasing products in a responsive design.

• Product Display: Interactive product grid with hover effects and dynamic filtering.
• Cart Management: Add/remove products, update quantities, and persist cart data using localStorage.
• Responsive Layout: Ensures compatibility across various devices and screen sizes.

Project Structure

├── index.html       # Homepage
├── cart.html        # Cart page
├── cart.js          # Cart functionality
├── products.js      # Product data
├── script.js        # Main interactivity
├── style.css        # Stylesheet
├── media/           # Images

How It Works

• Homepage: Displays products in a grid with filtering options (Unisex, Men, Women). Random hero image on page load.
• Product Interaction: Hovering switches images, and clicking adds items to the cart.
• Cart: View, modify, and save items. Data persists using localStorage.

Technologies

• HTML/CSS
• JavaScript
• Git
• GitHub Pages

Live Demo

Visit the website:
Yeezy Gap Website