Work in progress
Fine Jewelry E-Commerce Store
A concept storefront for a fine jewelry brand, with a real product database, user accounts, and a cart and wishlist that stay in sync across tabs.
- Role
- Personal project: design and full-stack development
- Stack
- Next.js
- React
- TypeScript
- Tailwind CSS
- Supabase
- Lucide Icons
- Netlify
- Links
- Visit siteCode
The problem
I wanted to build a store that feels premium and works like a real one: browsing by category, choosing a size, saving favorites, and signing in.
My approach
Products live in a Supabase database and load into category and product pages. Supabase Auth handles sign up, sign in, and sessions. I built the cart and wishlist with React context and useSyncExternalStore on top of localStorage, so they survive a refresh and stay in sync between open tabs, without a state library.
Highlights
- Product catalog served from Supabase (Postgres)
- Sign up, sign in, and sessions with Supabase Auth
- Cart and wishlist synced across tabs with useSyncExternalStore
- Product pages with size selection and add to bag
- Category pages for rings, necklaces, earrings, and bracelets
The outcome
In progress. Shopping, cart, wishlist, and accounts work; checkout and the remaining content pages are next.
