A clean, modern eCommerce website inspired by Westpoint — Built with 💻 HTML, CSS, Bootstrap, JavaScript & Firebase
🌐 Live Preview:
👉 View Website
Tool | Purpose |
---|---|
🌐 HTML5 | Webpage structure |
🎨 CSS3 + Bootstrap | Styling + Responsive Layout |
🧠 JavaScript | UI Logic, Cart, Events |
🔥 Firebase | Auth + Realtime Database |
✅ 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
✔️ 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)
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 |
- 👤 Login / Register
- 🛍️ Add items to cart from home/shop
- 💾 Cart is stored in localStorage + synced to Firebase
- 🧮 Quantities update in real time
- 🧹 Clear cart removes Firebase data
- ✅ Checkout redirects if cart has items
To see the live preview click the link https://abdulhannan-o1.github.io/westpooint-clone/