Gentech
Web app

Blossom by Gifts

A production-ready UK e-commerce platform featuring the elegant Serif design system — editorial-inspired aesthetics with Playfair Display serif typography, warm ivory/gold palette, and glassmorphism effects. Built with React 19, Tailwind CSS, Cloudflare Workers, Supabase, and Stripe.

ClientNitasha
IndustryEcommerce
Visit Live Website
Blossom by Gifts is a complete, production-ready e-commerce platform optimized for the UK market. It implements the sophisticated Serif Design System — an editorial-inspired aesthetic combining classic typography (Playfair Display + Source Sans 3), warm ivory backgrounds with burnished gold accents, generous whitespace, and subtle glassmorphism animations. The platform delivers a full shopping experience: product browsing with search/filters, persistent cart & wishlist, user authentication with Supabase Auth, secure Stripe checkout (GBP, UK payment methods), order tracking, and a personalized user dashboard. A comprehensive admin dashboard provides complete store management: product CRUD with variants/SKUs/flags (trending, best seller, new arrival), order status management, user/role management, coupon system, category management, hero banner control, mega menu editor, and site settings — all protected by role-based access control.

The Challenge

Building a modern, scalable e-commerce platform that combines premium editorial aesthetics with robust technical architecture — specifically optimized for UK market requirements (GBP currency, UK address formats, Stripe UK payment methods) while maintaining developer-friendly code quality and deployment simplicity.

The Solution

Architected as a full-stack serverless application on Cloudflare's edge network. Frontend uses React 19 + TypeScript + Vite with the Serif Design System (Tailwind CSS + Shadcn UI + Framer Motion). Backend leverages Cloudflare Pages Functions for API endpoints (checkout, webhooks, admin CRUD). Database uses Supabase (PostgreSQL) with Row Level Security for multi-tenant data isolation. Authentication via Supabase Auth with JWT. Payments via Stripe with webhook verification. Deployed globally on Cloudflare Pages for instant cache and edge compute.

The Results

- ✅ Complete e-commerce platform ready for production deployment - ✅ Sub-100ms global response times via Cloudflare edge - ✅ Secure by default: RLS policies, webhook verification, env secrets - ✅ UK-optimized: GBP pricing (pence), UK addresses, Apple/Google Pay, PayPal - ✅ Full admin CMS: products, orders, users, coupons, categories, heroes, mega menus - ✅ Type-safe: End-to-end TypeScript with Zod validation - ✅ Accessible: WCAG AA compliant components via Radix UI primitives - ✅ Scalable: Serverless architecture handles traffic spikes automatically

Technologies Used

React 19TypeScriptViteTailwind CSSFramer MotionShadcn UIRadix UICloudflare Workers/PagesSupabase (PostgreSQL + Auth + RLS)StripeRazorpayReact RouterReact Hook FormZodLucide ReactSonnernext-themes