Stack 1：Focus Notes（Bolt 风格 React + FastAPI）

这是同一任务管理应用的 Bolt.new 风格版本。React/Tailwind 提供单页界面，FastAPI 提供 REST API，SQLite 保存任务。支持创建、查看、编辑、完成/取消完成和删除任务。

技术栈

• 前端：React、Vite、Tailwind CSS
• 后端：Python、FastAPI、Pydantic
• 数据库：SQLite（首次启动自动生成 backend/tasks.db）

前置条件

• Node.js 18+
• Python 3.10+

启动

后端终端：

cd backend
python3 -m venv .venv
source .venv/bin/activate              # Windows: .venv\Scripts\activate
pip install -r requirements.txt
uvicorn main:app --reload --port 8000

前端终端：

cd frontend
npm install
npm run dev

访问 http://localhost:5173。API 文档位于 http://localhost:8000/docs。

环境配置

前端默认请求 http://localhost:8000/api。如后端地址不同，在 frontend/.env 设置：

VITE_API_URL=http://localhost:8000/api

API

• GET /api/tasks、GET /api/tasks/\{id\}
• POST /api/tasks
• PUT /api/tasks/\{id\}
• DELETE /api/tasks/\{id\}

请求体为 \{ "title": "...", "notes": "...", "completed": false \}。标题必填且最多 120 字，备注最多 2000 字。

生成与手动修复说明

界面按 Bolt.new 常见的渐变/卡片式生成风格设计；导出后手动接入 FastAPI、SQLite、CORS、输入校验和完整错误状态。当前无已知功能偏离；本地开发需同时运行两个进程。