Portfolio case study
MiniShop Pro: WeChat Mini Program e-commerce and booking system
A China-market portfolio project that combines a WeChat Mini Program-style customer app, H5 preview, admin dashboard, booking workflow, product management, mock backend data, and a Prisma-ready database design.
Problem
Local service businesses need a simple way to sell products, accept bookings, and manage operations from one place.
Solution
MiniShop Pro provides a mini-program-style customer flow plus a serious admin dashboard for daily management.
Target users
Beauty salons, education centers, travel agencies, coffee shops, fitness studios, and local service businesses.
Key features
Mini program user flow
Users browse categories, view product/service details, add items to cart, choose booking slots, submit checkout, see simulated payment messaging, and review orders. The H5 preview exists so recruiters can click a URL without WeChat DevTools.
Admin dashboard flow
Admins log in with server-side demo auth, review metrics, manage products and services, update orders and bookings, inspect customers, manage promotions, and read analytics.
Architecture and database design
The current version uses typed mock data for safe portfolio review. The Prisma schema models AdminUser, Customer, Category, Product, Order, OrderItem, Booking, Promotion, and Favorite for a future Supabase PostgreSQL upgrade.
Security considerations
This portfolio version simulates WeChat Mini Program commerce and payment workflows. Real WeChat Login, WeChat Pay, and template message notifications require official merchant credentials and should be handled through secure server-side API routes.
本作品集版本模拟了微信小程序电商与支付流程。真实的微信登录、微信支付和模板消息需要官方商户资质，并应通过安全的服务端接口实现。
AI-assisted development workflow
I used AI-assisted development to plan the architecture, structure bilingual content, generate first component drafts, and debug implementation details. All generated code was reviewed, adjusted, and tested manually.