MyPick.
6,000+
Elements created
1,580 UI components · 397 pages · 259 API controllers · 118 domain modules
470+ days
Duration
17 May 2025 → 31 Aug 2026 · 5,700+ commits across four repos
973,000+
Codebase size
web 215k · admin 230k · api 409k · partner 119k
Project Info
BRAND
MyPick
TYPE
Full-stack multi-vendor social commerce SaaS (storefront + promoter portal + seller portal + admin)
TECHNOLOGY
- Next.js
- React 19
- TypeScript
- Zustand
- TanStack Query
- Redux Toolkit
- Tailwind CSS
- Radix UI
- TanStack Table
- Node.js
- NestJS 11
- Mongoose
- MongoDB
- Redis
- Socket.io
- Firebase
- Stripe
- Razorpay
- Twilio
- AWS S3
- Cloudinary
- CASL
- JWT
- Sentry
Services
- Frontend engineering (customer + promoter web)
- Admin & seller portal engineering
- Backend marketplace API (modular NestJS monolith)
- Realtime UI & notifications
- Payments, wallets, commissions & payouts
- Multi-country / multi-language commerce
- AI search, translation & compliance tooling
Project Description
MyPick is a promoter-first social commerce marketplace. Sellers list products; promoters curate shops, collections, and links; customers buy from trusted recommendations. The backend (mypick-api) is the source of truth for users, sellers, promoters, catalog, orders, commissions, wallets, and admin config. It serves three Next.js apps: mypick-web (shoppers + promoter portal), mypick-admin (platform ops), and mypick-partner (seller ops).
The stack is a 118-module NestJS API (controller → service → repository) on MongoDB + Redis, with Socket.io notifications, JWT + Firebase auth, and CASL policies. Frontends use Next.js App Router, TanStack Query, Zustand/Redux, and dense data tables for high-volume catalog, order, and promoter workflows.
Case study
Problem
Social commerce needed a promoter-first marketplace: sellers list products, promoters curate shops and earn commissions, customers buy from trusted recommendations — across four apps and one source-of-truth API.
What I owned
Full-stack product engineer — storefront, promoter portal, admin/seller portals, and NestJS marketplace API.
Architecture
- 4 Next.js apps (web, admin, partner) + 118-module NestJS API on MongoDB + Redis
- TanStack Query + Zustand/Redux for server cache and portal UI state
- CASL policies, JWT + Firebase auth, Socket.io notifications
- Stripe, Razorpay, COD checkout with wallets, commissions, and payout ledger
Impact
- 5,700+ commits across four repos · 470+ project days
- Live demos: storefront, admin, partner portal, and public API
- 1,580 UI components · 397 pages · 259 API controllers
Features
- Social commerce storefront: catalog, filters, PDP, cart, checkout (Stripe / Razorpay / COD), wishlist, reviews, gift cards, CMS/page builder, SEO
- Promoter system: applications, public shops, collections/offers, affiliate links, attribution, commissions, points, wallet, payouts, stories, feed, analytics
- Seller portal: onboarding & KYC, products/variants, inventory, orders, shipping, invoices, coupons, payouts, reviews, staff permissions
- Admin ops: users/roles, sellers & promoters, catalog (3-level categories, brands, banners), orders, tax, legal/compliance, translations, reporting, system monitor
- Commerce engine: category-based commissions, order/refund ledger, shipments, delivery partners, TaxJar/VAT, coupons/deals
- Data tables: sorting, filtering, column customization, bulk actions, server pagination (admin, seller, promoter)
- Realtime: Socket.io notifications; email templates; Twilio OTP/SMS
- Security & trust: JWT + refresh, 2FA, RBAC/CASL, portal guards, blue verification, promoter compliance, privacy/cookie consent
- Integrations: WooCommerce/external product push, seller API keys, AWS Rekognition moderation, CloudFront, Google Maps
- AI: search embeddings, AI assistant bridge, auto-translation, promoter-compliance AI adapter
- Architecture: 4 apps, 118 API modules (auth, product, order, wallet, promoter, shipping, legal, feed, tax, …) — modular monolith, plus dedicated AI and socket services
Mizanur-HK
Let's build something amazing together.
I'm available for freelance projects, collaborations, and full-time opportunities.
Drop me a message, and let's discuss how we can turn your ideas into reality.
Copyright © 2026 - All rights reserved by Mizanur-HK