Project Details
E-Commerce
ShopBD
ecommerce-fullstack-rosy-alpha.vercel.app
ShopBD is a production-style full-stack e-commerce platform for the Bangladesh market. It covers the full purchase journey for customers and day-to-day operations for store staff/admins — not just a product listing UI. Built with Next.js (App Router, Server Components & Server Actions), TypeScript, PostgreSQL and Prisma, it includes a responsive storefront with light/dark themes and selectable primary accent colors, combo/bundle products, coupons, wishlist, multi-step checkout, and a role-based admin dashboard with analytics, inventory, courier dispatch (Pathao & Steadfast), and audit logging. Auth uses phone + password (Auth.js), with server-side RBAC, a centralized Decimal pricing engine, and checkout inside a single Prisma $transaction so money and stock stay consistent.
Product screens
Four different product surfaces — homepage, article, video news and category — across dark/light themes and Bangla/English, plus admin and auth screens from production.
Key Features
Customer storefront: homepage, search, filters, sorting, category/brand browsing
Product details with verified-purchase reviews, wishlist and cart
Combo/bundle products with stock derived from component items
Multi-step checkout with coupons, shipping rules and Cash on Delivery
Customer account: orders, addresses, profile and settings
Light/dark theme plus selectable primary accent colors
Fully responsive layout across mobile, tablet and desktop
Floating WhatsApp support button for BD shoppers
Admin analytics overview with Recharts (revenue, orders, top products)
Full product CRUD with publish/archive and combo support
Categories, brands, banners, coupons and inventory transaction history
Order management with status workflow + courier dispatch
Customers, review moderation, staff roles & granular permissions
Site settings, notifications and admin audit log
RBAC: CUSTOMER / STAFF / ADMIN with server-side requirePermission checks
Centralized Decimal pricing engine — never trusts client totals
Checkout as one Prisma $transaction (stock, coupon, order, inventory)
Order-item price snapshotting so catalog edits don’t rewrite history
Phone-based Auth.js login, bcrypt hashing, Turnstile-ready security model
Bangladesh-focused UX: BDT pricing, Pathao & Steadfast courier integrations
Problems & Solutions
Real production challenges faced while building this project — and how they were solved.
Problem
E-commerce UIs often trust client-submitted prices, discounts and stock — which breaks money integrity.
Solution
Built a single Decimal pricing engine and recompute cart/coupon/shipping totals server-side from live DB records on every mutation; checkout runs inside one Prisma $transaction.
Problem
Combo/bundle products need stock that reflects component inventory, not a fake standalone quantity.
Solution
Modeled combo products so available stock is derived from component items, and showed that clearly in admin (“From items”) while validating availability at add-to-cart and checkout.
Problem
Staff and admins need different powers without leaking privileged actions to customers.
Solution
Implemented RBAC (CUSTOMER/STAFF/ADMIN) with granular permissions; every Server Action re-checks requirePermission() rather than relying on UI hiding alone.
Problem
Bangladesh logistics need real courier flows, not placeholder shipping labels.
Solution
Integrated Pathao and Steadfast dispatch into the order workflow with webhook-ready architecture, plus COD and BDT-first checkout UX for local shoppers.
Problem
Storefront branding needs theme flexibility without rebuilding the design system.
Solution
Shipped light/dark modes and selectable primary accent colors on top of Tailwind + Radix/shadcn-style UI so the shop can switch look instantly.
Outcomes
- ▸Shipped a live full-stack storefront + ops dashboard at ecommerce-fullstack-rosy-alpha.vercel.app
- ▸Delivered combo/bundle commerce, coupons, inventory and RBAC admin workflows end-to-end
- ▸Hardened money/stock handling with Decimal pricing, transactions and order price snapshots
- ▸Connected BD courier paths (Pathao/Steadfast) and phone-auth for a Bangladesh-ready purchase flow
Want something similar?
I can help you design and ship scalable web or mobile products end-to-end — including news, media and content platforms.