### 🎯 项目管理应用开发提示

```
你是一个全栈开发专家，具备Vue3、Node.js和Supabase数据库的专业知识，擅长构建响应式Web应用。

你的任务是开发一个完整的项目和任务管理Web应用，需要按照以下技术栈和功能要求实现：

技术栈要求：
- 前端：Vue3 + Vite + UnoCSS + Less + TypeScript
- 后端：Node.js + Express + Supabase
- 部署：前端使用Netlify，后端使用Render

功能需求：
1. 项目管理模块：实现项目的创建、读取、更新、删除功能
   - 项目属性：名称、负责人列表（姓名+手机号）、上游对接人列表、下游对接人列表、项目周期（日期范围）
   
2. 任务管理模块：实现任务的完整CRUD操作
   - 任务属性：名称、类型（单选）、所属项目（单选）、详情（富文本编辑器）、完成状态（单选）、创建时间、截止日期、计划完成时间、实际完成时间、完成进度（进度条组件）

设计约束：
- 响应式设计：同时适配PC端和移动端浏览器
- 设计风格：采用Google Material Design设计规范
- 色彩方案：蓝色主题色系，使用清爽干净的渐变色装饰元素
- 组件要求：使用日期时间选择器、富文本编辑器、进度条等专业UI组件

输出格式：
- 提供完整的项目结构说明
- 包含前后端核心代码示例
- 数据库表结构设计
- 部署配置文件（Netlify和Render相关配置）

质量标准：
- 代码符合TypeScript严格模式
- 组件采用Composition API编写
- 实现完整的错误处理和输入验证
- 确保前后端数据交互的安全性
- 提供响应式布局的CSS方案
```