Khushi Jewellers' full digital storefront — luxury PWA, WhatsApp ordering, live gold-rate pricing, real-time tracking, and a 12-screen admin panel the owner runs without touching code.
Screenshots from the running storefront and the real Nokha catalog with AI lifestyle photography.
Built to a Cartier-grade design system — Fraunces & Cormorant type, antique-gold accents, quiet motion.
Shop, category and collection pages with live metal/stone/price filters, sorting, and instant search.
Gallery with zoom, variant swatches, size chips, stock states, spec tables, reviews, FAQ, sticky buy bar.
Rate × weight + making + GST — reprices the catalog when the admin updates today's rate.
Order saved to the database first, then a pre-filled wa.me message — the customer just taps send.
Zomato-style timeline updating in real time as the admin moves the order forward.
IndexedDB keeps the bag on-device — survives refreshes and offline, merges on login.
Percentage/flat, min-order, category scope, caps and expiry — validated live at cart.
Email, Google, and phone OTP — with guest checkout that never blocks a sale.
Home-screen app with the KJ medallion icon, offline shell and shortcuts.
Twelve screens behind a Firebase auth guard. Every change reflects on the storefront instantly.
Today's orders & revenue, pending queue, low-stock alerts, 7-day chart.
Status stepper with audit log, payment status, courier details, cancel-with-reason, WhatsApp quick-chat.
Cloudinary drag-drop upload, variants, specs, pricing modes, SEO, draft/publish.
Hero slides with ordering and date scheduling — a festive banner activates itself.
Codes with caps and scopes; categories with images and ordering.
WhatsApp number, shipping, GST, payment toggles — and today's metal rates.
Spend history, block control, and review moderation before anything goes public.
Firestore rules: admin-only writes, append-only history, order immutability.
First-time setup pushes the whole catalog to Firestore in one button.
A working simulation — change something in the admin form and watch the customer's phone update. No backend, just the real logic.
The real panel adds Cloudinary uploads, variants, specs, SEO and draft/publish — saved to Firestore, live instantly.
Real banners also carry image upload, link, ordering and date-range scheduling.
Every change appends to an audit log and the customer's open tracking page updates live — no refresh.
Change today's rate once and every "computed" product reprices itself — with an honest breakdown.
The order is saved to Firestore FIRST — WhatsApp is the confirmation channel, never the record.
Address → payment → review. Guest or logged in.
Written to Firestore instantly — never lost.
Pre-filled message; customer taps send.
Confirms, packs, ships — each step logged.
Gold timeline updates in real time.
No framework, no build step. Every image ≤200KB, lazy-loaded, WCAG AA, reduced-motion aware.
Full Stack Developer
Built this platform end-to-end — a luxury design system in pure vanilla JavaScript, a 12-screen admin panel, real-time tracking, offline-first cart, and a WhatsApp-native checkout designed for how Indian jewellery businesses actually sell.