Back to Collection
Glow | Full-Stack Beauty E‑Commerce Mobile App Preview

Glow | Full-Stack Beauty E‑Commerce Mobile App

Glow is a full-stack beauty & cosmetics marketplace for iOS, Android, and web — inspired by Sephora and BeautyBooth, built as a production-quality Expo + React Native app. Shop across multiple boutiques (brand houses) with categories like Skincare, Makeup, Haircare, Fragrance, Bath & Body, Tools, Men’s Care, and Mom & Baby. Browse hero carousels, promo shelves, rich product pages (image galleries, shade pickers, ingredients, ratings & reviews), and a cross-boutique shop with filters and sort. The shopping experience is multi-boutique: each store has its own bag, free-shipping progress, wishlist, and checkout flow with delivery slots, address, promo codes, and payment methods (COD, wallet, Stripe-ready). Orders persist and advance through a live tracking timeline (Confirmed → Packing → Dispatched → Out for delivery → Delivered). Architecture is mock-first, backend-ready: the app runs fully offline on a typed seed catalog, then prefers a real Express + Prisma + PostgreSQL API with automatic fallback when the server is offline. Auth uses JWT (guest browse, register, login; USER / ADMIN roles). Admins get a role-gated portal for products, categories, orders, users, and database stats. UI uses a premium rose + gold design system with NativeWind (Tailwind), light/dark themes, Fraunces + Inter typography, Reanimated motion (reduce-motion safe), and accessibility-minded components throughout. Demo accounts (seeded backend) • Shopper: demo@glow.dev / demo1234 • Admin: admin@glow.dev / admin1234


Technologies Used

React NativeExpoNativewindExpo RouterReanimatedTanStack QueryZustandZodPrismaPostgreSQLJWTTypeScript

Key Features

  • Home feed: hero carousel, categories, promos, product shelves, nearby boutiques
  • Multi-boutique marketplace with brand ratings, ETA, deals, free-shipping thresholds
  • Category aisles per boutique + global shop with filters, sort, and infinite scroll
  • Product detail: multi-image gallery, shade picker, ingredients/actives, reviews, related products
  • Search products and boutiques
  • Per-boutique shopping bag with quantity steppers and line items
  • Wishlist + free-shipping progress bar
  • Promo codes (e.g. GLOW10, SAVE100, WELCOME)
  • Money handled as integer minor units (no float math)
  • JWT session with offline mock auth fallback
  • Role-based admin portal: products, categories, orders, users, DB stats
  • Light / dark / system theme with design tokens
  • Works offline on seed data; API-first with automatic mock fallback
  • Polished splash, skeleton loading, empty/error states

Who is this for?

Beginner & Intermediate developers looking to level up their React Native skills and build a production-ready, full-stack mobile application — with a real backend, authentication, roles, and an admin panel, not just a UI mockup.

Starter Docs & Prompts

Everything you need to kick off this project — copy the master prompt or setup docs below and use them directly in your editor or AI assistant.

CLAUDE.md

Save this as CLAUDE.md in your project root so Claude Code follows the project's setup and conventions.

Available in Github Repository