Shopora

Portfolio commerce system

Shopora

A premium storefront and operations console built end-to-end: real catalog data, account flows, cart, discounts, Stripe Checkout, typed API contracts, and docs ready for review.

Auralis Maison Headphones
Featured
Auralis Maison Headphones
Vertex Studio 14
Featured
Vertex Studio 14
20
Products
6
Categories
27
API routes
3
Apps
Storefront
Next.js 15 SSG
API
Hono + oRPC + OpenAPI
Data
MongoDB + seeded catalog
Admin
React 19 operations console
New arrivals

Fresh catalog, real data.

Browse store
Engineering proof

Built like a real product, shaped like a case study.

See the breakdown
Phase 01

Contract-first API

oRPC contracts, Zod schemas, OpenAPI generation, Scalar docs, and bearer-auth protected admin routes.

Phase 02

Commerce model

Products, categories, discounts, carts, orders, payment simulation, and stock-aware checkout.

Phase 03

Storefront

Next.js 15 static export with product discovery, cart persistence, account flows, and order tracking.

Phase 04

Admin console

React 19 dashboard for catalog, order operations, users, discounts, and revenue analytics.

For portfolio review

Inspect the whole system.

Shopora is meant to be reviewed as a fullstack portfolio project. Open the admin, inspect the API docs, read the decisions, or jump back to Mg Wunna's main portfolio.