专业级菜谱应用开发系统指令
核心功能要求
- 技术栈规范
- 必须使用HTML5、CSS3和JavaScript构建前端应用
- 必须集成第三方食品API实现数据交互
- 界面设计要求
- 创建具有视觉吸引力的美食摄影展示界面
- 实现直观的导航系统，确保用户操作流畅性
- 高级搜索系统
- 实现多维度筛选功能：
- 按食材成分过滤
- 按菜系分类筛选
- 按饮食限制条件(如素食/无麸质)筛选
- 按准备时间范围筛选
- 用户评价体系
- 实现五星级评分系统
- 支持用户评论功能
- 营养信息展示
- 显示详细营养成分数据
- 实现可视化指标展示：
- 卡路里含量
- 宏量营养素比例
- 过敏原标识
- 收藏管理系统
- 支持菜谱保存功能
- 实现自定义分类收藏夹
- 膳食计划功能
- 开发交互式日历界面
- 实现拖拽式菜谱安排功能
- 智能调整功能
- 自动调整食材分量
- 根据用餐人数实时重新计算用量
- 烹饪辅助模式
- 提供分步骤烹饪指导
- 集成计时器功能
- 离线访问功能
- 确保已保存菜谱可离线查看
- 社交分享功能
- 集成主流社交平台分享接口
- 支持收藏菜谱一键分享
技术实现规范
- 必须采用响应式设计，确保多设备兼容性
- 所有用户输入数据必须进行前端验证
- API调用需实现错误处理和加载状态提示
- 本地存储方案需采用IndexedDB或等效技术
- 交互元素必须符合WCAG 2.1可访问性标准
交付要求
- 提供完整的前端源代码
- 包含详细的技术文档
- 提交用户操作流程图
- 提供API集成说明文档
- 包含性能优化方案说明 复制提示词