Back to Collection
Shopy — a premium full-stack e-commerce app for iOS AND Android Preview

Shopy — a premium full-stack e-commerce app for iOS AND Android

Shopy is guest-first — browse, search, and build a cart with no account, and sign in only at checkout. Behind it sits a production-style NestJS + Prisma + PostgreSQL API with JWT auth (access + refresh), role-based access control, a Dockerised database with seeded catalog data, and an Admin Dashboard built right into the mobile app and unlocked by the ADMIN role.


Technologies Used

React NativeExpoNativewindExpo RouterReanimatedTanStack QueryZustandZodNestJSPrismaPostgreSQLJWTTypeScript

Key Features

  • 🛒 Guest-first shopping — browse, search & build a cart with no account; cart persists across restarts
  • 🔐 Auth-anywhere gate — a sign-in/sign-up modal that resumes your pending action (e.g. checkout) on success
  • 🏬 Stores & departments — department shelves with filters, sort & pagination
  • 🧾 Product detail — rich detail screens with related items
  • 💳 Checkout flow — address → payment (demo) → review → place order, with server-computed prices
  • 📦 Orders — order history & order detail/tracking
  • 🛠️ In-app Admin Dashboard (role-gated) — metrics, product & store CRUD, order management & status updates
  • ✨ Glossy design system — gradients, glass cards, hero motion, full light & dark themes
  • 🌗 Cross-platform — verified on both iOS and Android (safe-area, edge-to-edge, keyboard handling)

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