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.