SPORTS EXPERIENCE

青少年运动课程平台。

连接移动端与管理后台，让课程发现和信息查看更顺畅。

工具与应用课程展示原型小程序 / H5Vue / NestJS多端体验

面向家长和课程运营人员的三端课程展示原型。通过 uni-app 小程序与 H5 发现课程，在 Vue 管理后台查看同一批课程，使用 NestJS 提供共享接口。

为什么做

家长需要快速了解课程的运动项目、适龄、时长与授课方式；运营人员需要方便地筛选和查看课程。项目围绕这两种使用场景组织信息。

移动端包含首页、活动、个人中心与课程详情，支持关键词搜索、分类和团课／私教组合筛选。管理后台支持课程筛选、只读详情与服务连接状态查看。

前后台使用同一份课程数据与共享 TypeScript 接口类型。请求加载、失败重试、无结果恢复和未找到课程都有明确反馈；前端忽略过期响应，避免旧请求覆盖新的筛选结果。

uni-app、Vue 3、Pinia 构建移动端；Vue 3、Vite、Element Plus 构建后台；NestJS 提供 API。pnpm workspace 管理三端与共用类型，无需数据库即可启动演示课程。

当前为课程展示原型，图片来自 H5 浏览器中的开发演示。尚未接入真实账户、预约、支付、退款或管理写操作；活动内容保留筹备提示。源码提供本地运行说明。