Truly Roselle — Jewelry E-commerce Platform
Introduction
Truly Roselle is a modern jewelry e-commerce platform developed to help a jewelry brand showcase and sell its products online through a clean and user-friendly storefront.
The platform provides customers with a seamless browsing and shopping experience while offering administrators powerful tools to manage products, orders, and promotional content through a dedicated admin dashboard.
Problem Statement
Many small and growing jewelry brands struggle to establish a professional online store due to the complexity of managing products, orders, and promotional content across multiple tools.
Common challenges include:
- Difficulty maintaining an organized product catalog
- Lack of centralized order and review management
- Poor product discovery due to limited filtering options
- Manual effort required to update promotions and banners
Truly Roselle addresses these issues by providing a unified e-commerce platform with both a customer storefront and an administrative control panel.
Core Features
-
Product Catalog & Collections
Customers can browse curated jewelry collections with structured product pages and detailed product information. -
Cart & Wishlist System
Users can add products to their shopping cart or save items to a wishlist for later purchase. -
Customer Reviews
Customers can leave reviews for products, improving product trust and helping others make informed decisions. -
Admin Dashboard
Administrators can manage products, update order statuses, moderate reviews, and manage promotional content. -
Dynamic Filtering & Pagination
Product discovery is improved through filters and pagination, allowing customers to easily explore collections.
Technical Architecture
- Built with Next.js (TypeScript) for a scalable and performant frontend
- Backend APIs developed using Node.js and Express
- TanStack Query (React Query) used for efficient data fetching and caching
- Zustand used for lightweight client-side state management
- UI designed using Shadcn UI and Tailwind CSS
- Frontend deployed on Vercel
- Backend services hosted on Render
Key Technical Highlights
- Fully typed codebase using TypeScript
- Modular full-stack architecture with separate frontend, backend, and admin systems
- Optimized API communication using React Query caching
- Responsive UI design ensuring smooth experience across devices
- Flexible admin tools for managing products, orders, and promotions
Challenges & Learnings
- Designing scalable product schemas to support collections and filters
- Building an intuitive admin dashboard for managing store operations
- Implementing efficient filtering and pagination for product discovery
- Preparing backend architecture for future payment gateway integration
Role & Responsibilities
Worked as a Full Stack Developer, responsible for:
- Designing and implementing the customer storefront
- Developing backend APIs for products, orders, and reviews
- Building the admin dashboard for store management
- Implementing cart, wishlist, and review systems
- Deploying and maintaining both frontend and backend infrastructure
Outcome
Truly Roselle provides a modern digital storefront for a jewelry brand, enabling customers to explore collections easily while giving administrators full control over product management and store operations.



