Outcome
做完这个项目，你会拿到什么
不要只把它当练习题，而要把它当成一个能够锻炼完整交付闭环的训练器。
你会得到一个可部署的小型学习产品，具备阶段打卡、术语收藏和个人练习记录。
Deliverables
建议交付物
如果你做项目时没有明确交付物，很容易一路做成“差不多有了”的状态。
- 首页与归档页
- 阶段进度系统
- 术语收藏视图
- 练习记录表单
- 部署说明
Milestones
按阶段推进，而不是一口气写完
每个里程碑都要有目标、任务和验证动作，这样 AI 才能稳定协作。
Milestone 1
搭出内容和页面骨架
把首页、阶段页和练习记录入口搭起来，形成基本站点结构。
建议任务
- 定义页面路由与导航。
- 准备阶段与术语的数据结构。
- 完成首页、列表页和详情页骨架。
如何验证
- 路由全部可访问。
- 移动端导航可用。
- 页面结构在手机上不溢出。
Milestone 2
接入本地进度与收藏
让用户能在浏览器本地保存进度和术语收藏。
建议任务
- 用 localStorage 保存阶段完成状态。
- 增加术语收藏与取消收藏。
- 做一块个人练习记录区域。
如何验证
- 刷新后数据仍存在。
- 收藏状态可切换。
- 无登录也能完成主路径。
Milestone 3
打磨交互并上线
补齐基础验证与部署配置，把站点完整发出去。
建议任务
- 补手动冒烟检查清单。
- 完成 build 与 deploy 脚本。
- 整理 README 和上线步骤。
如何验证
- 构建通过。
- 关键页面可用。
- 线上地址能正常访问。