MiniShop Pro
A China-focused mini-commerce and booking system with an H5 mini-program preview, product/catalog management, orders, bookings, customers, promotions, and analytics.
Business value
Helps small businesses validate mobile shopping, booking, and admin workflows while showing that I can turn China-market product ideas into a working demo.
Key features
overview
MiniShop Pro is a live portfolio project showing a mini-program-style customer experience plus a complete web admin dashboard.
problem
Many small businesses need to manage products, bookings, orders, and customers, but early-stage teams need a practical demo before investing in a complex system.
solution
Build a Next.js demo system: a public landing page explains the value, an H5 preview simulates the mini-program experience, and the dashboard handles operations and analytics.
key features
H5 mini-program preview / Product/service catalog / Booking/order flows / Demo login / Admin dashboard / Customer management / Promotions / Analytics / Payment simulation
tech stack
Next.js / React / TypeScript / Ant Design / Tailwind CSS / Prisma / Supabase-ready schema / Taro React scaffold / Vercel
architecture
Next.js App Router manages public pages, dashboard pages, and mock APIs; the Prisma schema prepares for Supabase/PostgreSQL; and a Taro source scaffold lives in apps/mini-program for future WeChat Developer Tools work.
AI-assisted workflow
AI helped break down requirements, generate mock data, plan the dashboard information architecture, refine bilingual business copy, and debug TypeScript, build, and deployment issues.
challenges and what I learned
The main learning areas were mini-program-style mobile flows, Ant Design admin UI, demo authentication, Vercel deployment, project documentation, and honest project scoping.
screenshots
The live demo includes the landing page, H5 preview, case study, and dashboard demo.