Skip to content

AbdulHannan-o1/westpooint-clone

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

63 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

⚡ Westpoint Clone 🛒

A clean, modern eCommerce website inspired by Westpoint — Built with 💻 HTML, CSS, Bootstrap, JavaScript & Firebase

🌐 Live Preview:
👉 View Website


🧰 Tech Stack

Tool Purpose
🌐 HTML5 Webpage structure
🎨 CSS3 + Bootstrap Styling + Responsive Layout
🧠 JavaScript UI Logic, Cart, Events
🔥 Firebase Auth + Realtime Database

🔐 Firebase Authentication

✅ Email/Password Login & Signup
✅ Auth state persistence
✅ Only logged-in users can sync cart to Firebase
✅ Cart is auto-removed from Firebase on logout
✅ Protected checkout logic with login alerts


🛒 Features

✔️ Add to Cart
✔️ Quantity Adjustment
✔️ Remove Items
✔️ Cart saved in localStorage
✔️ Cart Syncs to Firebase if logged in
✔️ Firebase Authentication (Login/Register)
✔️ Persistent Cart Sync per User
✔️ Responsive Design (Mobile/Desktop)
✔️ Checkout Page (placeholder for now)


🔥 Firebase Integration

Feature Description
Realtime DB Cart data stored under each user's UID
Auth Email/password login & session management
Sync Trigger On cart change or login
Auto-Cleanup Removes cart from Firebase if cleared locally

🚀 How It Works

  1. 👤 Login / Register
  2. 🛍️ Add items to cart from home/shop
  3. 💾 Cart is stored in localStorage + synced to Firebase
  4. 🧮 Quantities update in real time
  5. 🧹 Clear cart removes Firebase data
  6. ✅ Checkout redirects if cart has items

To see the live preview click the link https://abdulhannan-o1.github.io/westpooint-clone/