Swan Jewellery Artisan Studio
FullstackMade at BinaryHubz
A jewellery studio website where customers can submit custom design requests step by step. Supports English and Myanmar, with a portfolio gallery and a CMS for the admin team.
What this system does
- Customers can design custom jewellery online through a step-by-step wizard — choosing type, style, material, gemstones, and size — with the request sent to the studio by email automatically.
- The studio's work is showcased through an interactive portfolio gallery with lightbox photos, YouTube video embeds, and craftsmanship course pages to attract new clients.
- The admin team can manage blog content, review design requests, and handle customer inquiries from a single dashboard — no coding needed.
- The site supports English and Myanmar, with structured JSON-LD SEO schemas and dynamic metadata for strong search engine visibility.
Responsibilities
-
System Architecture & Full-Stack Development : Designed and built the entire platform from scratch as a Turborepo monorepo — a customer-facing Next.js website, a Next.js admin CMS portal, and a NestJS REST API — with JWT authentication (NextAuth.js v5), role-based access control, and a unified TypeScript codebase.
-
Custom Design Wizard & Portfolio Gallery : Engineered a multi-step jewellery design request wizard using Zustand for cross-step state management with image uploads — and built an interactive portfolio gallery with lightbox view, YouTube embeds, and dynamic filtering to showcase craftsmanship.
-
Blog, CMS & Email System : Built a complete blog/CMS with a TipTap rich text editor and SEO-optimized rendering — integrated Resend with custom React Email templates for automated email notifications on design requests and contact inquiries.
-
Internationalization & Deployment : Implemented bilingual support (English and Myanmar) with structured JSON-LD SEO schemas — and configured production deployment with PM2 process management, Nginx reverse proxy, and an interactive bash deployment script for zero-downtime releases.
Tech Stack