1. 架构设计  2. 技术栈说明  前端: React@18 + Ant Design@5 (或 Ant Design Mobile) + TypeScript + Vite UI框架: Tailwind CSS (用于布局和细节调整) + Ant Design (使用其成熟的表单、日历、列表组件) 后端: Supabase (BaaS) 数据库: PostgreSQL 认证: Supabase Auth (手机号/邮箱登录) 状态管理: Zustand 路由: React Router@6 日期处理: Day.js  3. 路由定义    路由 用途     / 首页，科室导航   /lo...

1. 产品概述 医院预约挂号系统致力于优化患者就医流程，减少排队等待时间，提高医院服务效率。通过线上平台，患者可以轻松查看科室信息、筛选医生、在线预约挂号、管理个人健康档案以及进行在线咨询。平台设计风格专注于医疗行业的专业、洁净与可信赖感。 目标用户主要为需要就医的患者及其家属。产品价值在于提供透明的医疗资源信息，简化挂号流程，并初步建立电子健康档案，提升就医体验。 2. 核心功能 2.1 用户角色    角色 注册方式 核心权限     患者 手机号注册 浏览科室/医生、预约挂号、查看预约记录、管理健康档案、发起在线咨询   医生 管理员录入 查看预约日程、管理排班、回复在线咨询、查看患者健...

1. 架构设计  2. 技术栈说明  前端: React@18 + Ant Design@5 (或自定义清新主题) + TypeScript + Vite UI框架: Ant Design (配合 Tailwind CSS 进行样式定制以符合清新风格) 视频播放器: React Player 或 Video.js 封装 后端: Supabase (BaaS服务) 数据库: PostgreSQL (Supabase内置) 认证: Supabase Auth 文件存储: Supabase Storage (用于存储课程封面、视频文件) 状态管理: Zustand 或 React Context 路...

1. 产品概述 在线教育平台致力于为用户提供高质量的在线学习体验。通过整合优质课程资源，提供便捷的视频学习、进度跟踪和在线测试功能，帮助用户随时随地提升自我。平台风格清新自然，专注于营造沉浸式的学习氛围。 目标用户包括学生、职场人士以及终身学习者。产品价值在于打破时间和空间的限制，通过系统化的学习路径和智能化的进度管理，提高学习效率和效果。 2. 核心功能 2.1 用户角色    角色 注册方式 核心权限     学生 自助注册 浏览课程、购买/加入课程、观看视频、参加测试、管理个人学习进度   讲师 管理员创建/申请审核 创建课程、上传视频资料、发布测试、查看学员学习数据   管理员 系统初...

1. 架构设计  2. 技术栈说明  前端: React@18 + Ant Design@5 + TypeScript + Vite 初始化工具: vite-init UI框架: Ant Design Pro (企业级UI组件库) 后端: Supabase (BaaS服务) 数据库: PostgreSQL (Supabase内置) 认证: Supabase Auth 文件存储: Supabase Storage 状态管理: React Context + useReducer 路由: React Router@6 HTTP客户端: Supabase Client SDK  3. 路由定义   ...

1. 产品概述 企业后台管理系统，专为企业管理场景设计的一站式管理解决方案。通过统一的管理平台，帮助企业高效管理员工、部门、审批流程等核心业务，提升企业运营效率。 目标用户为企业HR、部门经理、系统管理员等需要管理企业资源的角色，产品价值在于简化企业管理流程，提供数据驱动的决策支持。 2. 核心功能 2.1 用户角色    角色 注册方式 核心权限     超级管理员 系统初始化创建 所有功能权限，包括系统设置   部门经理 管理员创建账号 管理部门员工、审批流程、查看部门报表   普通员工 HR创建账号 查看个人信息、提交申请、查看审批状态   HR管理员 管理员创建账号 员工管理、部门管理...

1. 架构设计 本应用采用 React 前端技术栈，核心依赖 epubjs 或类似阅读引擎库来解析和渲染电子书。数据存储采用 LocalStorage 或 IndexedDB 实现离线持久化。  2. 技术描述  前端框架: React@18 + TypeScript + Vite 样式方案: TailwindCSS@3 路由管理: React Router DOM@6 阅读引擎: epubjs 或 react-reader (用于解析渲染 .epub 格式电子书) 状态管理: Zustand 或 React Context API (管理阅读设置、书架状态) 数据持久化: LocalStor...

1. 产品概述 图书阅读器是一款专注于提供极致阅读体验的移动端应用，支持多种格式电子书阅读。通过简洁优雅的界面设计和强大的阅读引擎，为用户打造沉浸式的阅读环境。支持夜间模式、书签管理、个性化阅读设置等功能，满足不同场景下的阅读需求。 目标用户：电子书爱好者、学生、需要随时随地阅读的人群。 2. 核心功能 2.1 功能模块 图书阅读器包含以下主要页面和功能：  书架首页：展示用户已导入或收藏的图书，支持网格/列表视图切换，显示阅读进度。 图书分类：按题材、作者等维度对图书进行分类展示，方便查找。 图书详情：展示图书封面、作者、简介、目录等信息，支持"开始阅读"或"加...

1. 架构设计 本应用采用纯前端架构，数据持久化依赖浏览器的 LocalStorage，实时天气数据通过调用公共天气 API 获取。   ## 2. 技术描述 - **前端框架**: React@18 + TypeScript + Vite - **样式方案**: TailwindCSS@3 - **路由管理**: React Router DOM@6 - **状态管理**: React Context API (管理全局状态如当前城市、单位设置) - **数据持久化**: LocalStorage (存储城市列表、用户设置) - **图标库**: React Icons (使用其中的 Wea...

1. 产品概述 天气应用是一款简洁实用的天气信息查询工具，帮助用户实时掌握当前天气状况、未来天气趋势以及生活指数建议。通过直观的界面和精准的数据，为用户的日常出行和生活安排提供决策支持。 目标用户：需要日常查看天气信息、规划出行、关注生活指数的各类人群。 2. 核心功能 2.1 功能模块 天气应用包含以下主要页面和功能：  当前天气：实时温度、天气状况、湿度、风速、气压等详细信息。 7天预报：未来7天的天气趋势，包括最高/最低温、天气状况图标。 24小时预报：未来24小时的逐小时天气变化趋势。 城市管理：搜索并添加城市、删除城市、切换当前展示城市。 天气地图：可视化展示降雨、温度等天气分布情况...

1. 架构设计  2. 技术描述  前端: React@18 + TypeScript + TailwindCSS@3 + Vite 初始化工具: vite-init 图表库: Recharts@2 表单验证: React Hook Form + Zod 状态管理: React Context + useReducer 后端: Supabase (提供认证、数据库、存储服务) UI组件库: HeadlessUI (可选，用于复杂组件)  3. 路由定义    路由 用途     / 健身首页，展示训练概览和今日计划   /plans 训练计划页面，管理所有训练计划   /exercises 动...

1. 产品概述 健身记录App是一款帮助用户管理健身计划、记录训练数据和追踪健身进度的移动应用。通过系统化的训练计划、详细的动作指导和全面的数据分析，帮助用户科学健身，达成健身目标。 目标用户：健身爱好者、专业健身人士、希望通过系统训练改善身体素质的用户。 2. 核心功能 2.1 用户角色    角色 注册方式 核心权限     普通用户 手机号/邮箱注册 创建训练计划、记录训练、查看数据统计、管理个人资料   高级用户 付费升级 解锁高级训练计划、获取专业指导、导出训练报告    2.2 功能模块 健身记录App包含以下主要页面：  健身首页：训练概览、今日计划、快速开始、最近记录。 训练计...

1. 架构设计  2. 技术栈描述  前端框架: React@18 + Vite 状态管理: Zustand@4 UI组件库: Ant Design@5 + TailwindCSS@3 富文本编辑器: react-quill + quill-image-resize-module 初始化工具: vite-init 后端服务: Supabase（提供认证、数据库、存储） 实时通信: Supabase Realtime 图片处理: browser-image-compression  3. 路由定义    路由路径 页面用途     / 动态首页，展示好友动态和推荐内容   /publish 发布...

1. 产品概述 社交动态应用是一个现代化的社交平台，用户可以发布动态、浏览好友动态、进行即时聊天互动。 目标用户为年轻群体，提供便捷的社交分享和沟通体验，打造活跃的社区氛围。 2. 核心功能 2.1 用户角色    角色 注册方式 核心权限     普通用户 手机号/邮箱注册 发布动态、点赞评论、聊天、添加好友   访客用户 无需注册 浏览公开动态（只读权限）    2.2 功能模块 应用包含以下核心页面：  动态首页：展示好友动态、推荐内容、热门话题 发布动态：富文本编辑、图片视频上传、话题标签 动态详情：动态内容展示、互动评论、点赞分享 消息列表：私信对话列表、系统通知 聊天页面：一对一私...

1. 架构设计  2. 技术描述  前端框架: React@18 + Redux ********** + Ant Design ********** 初始化工具: vite-init 状态管理: Redux Toolkit 进行全局状态管理 UI组件库: Ant Design Mobile 提供移动端组件 路由管理: React Router@6 HTTP请求: Axios 处理API请求 后端: 使用第三方电影API（如豆瓣API或TMDB API）  3. 路由定义    路由路径 页面组件 功能描述     / MovieHome 电影首页，展示推荐和热门电影   /now-playi...