项目定位: 家庭内部试用验证阶段 最后更新: 2025-01-26 当前版本: v1.2
《家庭任务大作战》是一款通过游戏化机制促进家庭成员高效完成任务、增强家庭凝聚力、培养良好习惯的互动型家庭任务管理应用。
核心价值:
| 文档 | 版本 | 说明 | 链接 |
|---|---|---|---|
| 需求文档 | v1.2 | 产品需求、功能规格、版本规划 | 家庭任务大作战-需求文档.md |
| 技术方案 | v1.2 | 技术架构、数据库、部署方案 | 家庭任务大作战-技术方案.md |
| 设计系统 | v1.2 | UI/UX 设计规范、系统设计 | 家庭任务大作战-设计系统.md |
| 周日会议 | v1.2 | 特色功能专题设计 | 家庭任务大作战-周日会议设计.md |
前端层 ├── Next.js 14 (App Router) ├── shadcnadcn/ui + TailwindCSS ├── Framer Motion (动画) ├── React Hook Form + Zod (表单) └── Recharts (图表) 状态层 ├── Zustand (轻量状态管理) └── React Query (数据获取) 后端层 ├── Next.js Server Actions └── API Routes (可选) 数据层 ├── 本地开发 (Prisma + SQLite) └── 生产环境 (Supabase PostgreSQL) 部署层 └── Vercel (全球CDN + 自动HTTPS)
# 1. 创建项目
npx create-next-app@latest family-task-app
# 2. 安装依赖
npm install prisma @prisma/client zustand framer-motion react-hook-form zod
npm install @supabase/supabase-js @supabase/ssr
npm install -D tailwindcss postcss autoprefixer
# 3. 初始化数据库
npx prisma init --datasource-provider sqlite
# 4. 启动开发
npm run dev
# 1. 配置环境变量
DATABASE_URL="postgresql://user:password@host:5432/dbname"
NEXT_PUBLIC_SUPABASE_URL="your_supabase_url"
NEXT_PUBLIC_SUPABASE_ANON_KEY="your_anon_key"
# 2. 部署到 Vercel
vercel
本项目采用模块化文档结构,便于团队协作和版本管理。
| 指标 | 状态 | 说明 |
|---|---|---|
| 需求分析 | ✅ 完成 | 产品需求已明确 |
| 技术方案 | ✅ 完成 | 技术栈已确定 |
| 设计系统 | ✅ 完成 | 设计规范已定义 |
| 文档整合 | ✅ 完成 | 所有文档已整合 |
项目文档版本:v1.2 最后更新:2025-01-26