ColorCaratiers - Jewelry Ecommerce

A full-stack jewelry platform using Firebase for authentication, Firestore for data, and Storage for images. Features dynamic pricing calculations for custom jewelry designs with real-time updates.

Tech Stack

Next.js React TypeScript Firebase TailwindCSS Nx Monorepo Redis Razorpay

frontend

→Next.js 14 App Router
→React 18
→TailwindCSS
→Zustand for state
→TanStack Query

backend

→Express.js API Gateway
→Node.js services
→Firebase Admin SDK
→Redis for caching

database

→Firebase Firestore (NoSQL)
→Redis Cloud
→Firebase Storage

deployment

→Vercel for frontend
→VPS with PM2 for backend
→Nx build system

Performance

lighthouse

1.0s

first Contentful Paint

1.5s

time To Interactive

180KB

bundle Size

Key Features

#1User authentication via Firebase Auth and NextAuth.js

#2Dynamic jewelry customization with metal types and gemstones

#3Real-time pricing based on carats, weights, and making charges

#4Image uploads to Firebase Storage with public URLs

#5Admin UI for managing products and categories

#6API gateway proxying requests to backend services