第 08 课
全栈毕业项目
从设计到部署的完整 Web 应用。
课程内容
全栈毕业项目
综合运用全部所学：前端 + 后端 + 数据库 + 部署，独立完成一个可上线的完整应用。这是课程最重要的作品，建议投入 1~2 周。
项目选题（任选其一或自拟）
- 博客平台：注册登录、发布/编辑/删除文章、Markdown 渲染、评论
- 书签管理器：收藏网址、标签分类、搜索、公开分享页
- 习惯打卡：创建习惯、每日打卡、连续天数统计、日历热力图
- 在线投票：创建投票、分享链接、实时结果图表
技术要求
| 层 | 要求 |
|---|---|
| 前端 | React，组件化拆分，路由（React Router），加载/错误/空状态 |
| 后端 | Express REST API，统一错误处理，输入校验 |
| 数据库 | 表结构有外键关联，查询参数化 |
| 认证 | 注册登录，密码哈希，JWT 保护私有接口 |
| 部署 | 前端 Vercel，后端 Render/Railway，数据库云服务，全部走 HTTPS |
开发流程建议
第 1~2 天：画页面草图 + 设计数据库表 + 列出 API 清单
第 3~5 天：后端 API 全部实现并用 Postman 测通
第 6~8 天：前端页面 + 对接 API
第 9~10 天：部署上线 + 修 bug + 完善 README
先跑通最小闭环再迭代：第一天就让"前端调通一个后端接口"跑起来，不要憋大招。
README 模板
一个能打动面试官的 README 包含：
- 一句话介绍 + 在线体验地址
- 功能截图（或 GIF 演示）
- 技术栈与架构简图
- 本地运行步骤
- 遇到的难点与解决方案（最能体现思考的部分）
过关标准
- 陌生人打开链接能注册并正常使用核心功能
- 代码仓库结构清晰，敏感信息（密钥、密码）全部走环境变量
- 能完整讲解：一次请求从浏览器到数据库再返回的全过程