Classic Grown Diamonds & Jewellery
A B2B-focused diamond and jewellery platform with a public website and a custom admin panel for managing products, collections, and pricing, built with a performance-focused frontend architecture.
Project Overview
Classic Grown Diamonds is a B2B platform designed for wholesale buyers and business clients dealing in lab-grown diamonds and jewellery. The project includes a customer-facing website for browsing products and a dedicated admin panel for internal management. As a Senior Frontend Developer, I led the frontend development for both the website and admin panel using React.js and Next.js. The focus was on building scalable UI components, efficient workflows for admins, and fast, SEO-friendly pages for business users. Performance, usability, and maintainability were key goals across both systems.
Quick Facts
Project Timeline
Requirement Analysis & System Planning
Defined B2B workflows, admin requirements, and UI structure.
Website Frontend Development
Built responsive, SEO-friendly pages for diamond and jewellery browsing.
Admin Panel Development
Developed admin dashboards and management forms for products, categories, and collections.
Optimization & QA
Improved performance, UI consistency, and validation flows.
Maintenance & Enhancements
Continuous UI improvements and feature enhancements.
Building a scalable B2B platform with complex admin workflows
The project required handling complex admin workflows while keeping the UI simple and user-friendly. Ensuring data consistency between the admin panel and website required careful API integration. Maintaining performance and UI consistency across multiple modules was also challenging.
Unified frontend architecture for B2B website and admin panel
Built reusable UI components shared across website and admin modules. Used Tailwind CSS and shadcn/ui for consistent design and faster development. Applied performance optimizations and clean state management for admin workflows.
Architecture Overview
The frontend uses a modular React and Next.js architecture with separate modules for public website and admin panel. Data is fetched via REST APIs with clear separation of UI and business logic.
