FootWear Store Website

A clean, responsive, and modern website built for a fictional footwear store. Includes a product gallery, wishlist (like) and a client-side cart with a popup.

Features

• Product gallery and featured collections
• Responsive layout (works on mobile and desktop)
• Client-side cart with localStorage persistence
• Wishlist (like) with localStorage persistence
• Fast-loading with optimized assets

Technologies Used

• HTML5
• CSS3
• JavaScript (vanilla, no frameworks)

Getting Started

1. Clone the Repository

git clone https://github.com/your-username/footwear-store-site.git
cd footwear-store-site

2. Open in Browser

Simply open index.html in your preferred browser:

start index.html        # Windows
open index.html         # macOS
xdg-open index.html     # Linux

Usage

• Click the cart icon on any product to add it to the cart. The Cart badge shows item count.
• Click the heart icon to like/unlike a product. The state persists across refresh via localStorage.
• Click the Cart button in the top navigation to open the cart popup. From there:
  • Review items, quantities and totals summary.
  • Click Clear to empty the cart.
  • Click Checkout (demo action) to proceed in your flow (wire up as needed).

Customization

• Update product details (names, prices) via data- attributes on product cards in index.html.
• Adjust styles in Style.css.
• Extend cart/wishlist behavior in app.js (e.g., add quantity controls, real checkout, etc.).

Deployment

You can deploy this responsive site easily using:

• GitHub Pages
• Netlify
• Vercel

Notes

• Cart and wishlist data are stored in localStorage under keys fwc_cart and fwc_wishlist.
• This is a front-end demo; no backend or payment processing is included.

---

Design and development by Deepayan. Icons and photos are used for demo purposes only.