返回项目
MiniShop Pro live app screenshot
已上线

MiniShop Pro 小店智选

面向中国市场的小型电商与预约系统,包含 H5 小程序预览、商品/分类/订单/预约管理、客户数据、促销和分析后台。

业务价值

帮助小商家快速验证移动端购买、预约和后台运营流程,同时展示我能把中国市场产品思维落到可演示的系统中。

核心功能

H5 小程序预览商品/服务目录预约/订单流程演示登录管理后台客户管理促销管理
Next.jsReactTypeScriptAnt DesignTailwind CSSPrismaSupabase-ready schemaTaro React scaffold

overview

MiniShop Pro 是一个已上线的作品集项目,用来展示小程序风格的用户端体验和完整 Web 管理后台。

problem

很多小商家需要同时处理商品、预约、订单和客户,但早期阶段不适合马上投入复杂系统。

solution

构建一个 Next.js 演示系统:公开页面介绍业务价值,H5 预览模拟小程序体验,后台负责运营管理和数据分析。

key features

H5 小程序预览 / 商品/服务目录 / 预约/订单流程 / 演示登录 / 管理后台 / 客户管理 / 促销管理 / 数据分析 / 支付模拟

tech stack

Next.js / React / TypeScript / Ant Design / Tailwind CSS / Prisma / Supabase-ready schema / Taro React scaffold / Vercel

architecture

Next.js App Router 管理公开页面、后台页面和 mock API;Prisma schema 为 Supabase/PostgreSQL 做准备;Taro 源码脚手架放在 apps/mini-program 方便后续接入微信开发工具。

AI-assisted workflow

AI 用于拆解需求、生成 mock 数据、规划后台信息架构、润色中英文业务文案,并辅助检查 TypeScript、构建和部署问题。

challenges and what I learned

重点学习小程序式移动端流程、Ant Design 管理后台、演示登录、Vercel 部署、项目文档和诚实展示项目边界。

screenshots

可以通过线上演示查看首页、H5 预览、案例页和后台演示。