what-to-eat

一饭封神 🍳

一个基于 AI 的智能菜谱生成平台，让不同菜系的厨艺大师为您量身定制美味佳肴。

功能特色

• 🥬 智能食材识别: 输入任意食材组合
• 👨‍🍳 多菜系大师: 支持苏菜、鲁菜、川菜、粤菜、浙菜、湘菜、闽菜、徽菜等八大菜系
• 🍽️ 个性化菜谱: 每个菜系大师都有独特的烹饪风格和技法
• 📝 详细步骤: 提供完整的制作流程和烹饪技巧
• 🎨 精美界面: 采用温暖的黄色系设计，营造温馨的厨房氛围

技术栈

• 前端框架: Vue 3 + TypeScript
• 样式框架: Tailwind CSS
• 构建工具: Vite
• 路由管理: Vue Router
• HTTP 客户端: Axios

项目结构

src/
├── components/          # 组件目录
│   └── RecipeCard.vue  # 菜谱卡片组件
├── config/             # 配置文件
│   └── cuisines.ts     # 菜系配置
├── services/           # 服务层
│   └── aiService.ts    # AI接口服务
├── types/              # 类型定义
│   └── index.ts        # 通用类型
├── views/              # 页面组件
│   └── Home.vue        # 主页面
├── App.vue             # 根组件
├── main.ts             # 入口文件
└── style.css           # 全局样式

快速开始

安装依赖

npm install

启动开发服务器

npm run dev

构建生产版本

npm run build

AI 接口配置

项目已配置智谱 AI 接口，开箱即用：

const AI_CONFIG = {
    baseURL: 'https://open.bigmodel.cn/api/paas/v4/',
    apiKey: 'a835b9f6866d48ec956d341418df8a50.NuhlKYn58EkCb5iP',
    model: 'glm-4-flash-250414',
    temperature: 0.7,
    timeout: 30000
}

如需更换其他 AI 服务，请修改 src/services/aiService.ts 中的配置。

菜系大师介绍

🥢 苏菜大师

• 特色: 清淡鲜美，刀工精细
• 擅长: 江南水乡的精致美味

🍖 鲁菜大师

• 特色: 咸鲜为主，火候精准
• 擅长: 齐鲁大地的豪放风味

🌶️ 川菜大师

• 特色: 麻辣鲜香，变化多端
• 擅长: 巴蜀之地的麻辣传奇

🦐 粤菜大师

• 特色: 清淡鲜美，原汁原味
• 擅长: 岭南文化的鲜美诠释

🐟 浙菜大师

• 特色: 清香淡雅，鲜嫩爽滑
• 擅长: 江南水乡的清雅之味

🔥 湘菜大师

• 特色: 香辣浓郁，口味厚重
• 擅长: 湖湘文化的辣味人生

🦀 闽菜大师

• 特色: 鲜香清淡，汤鲜味美
• 擅长: 八闽大地的海鲜盛宴

🍄 徽菜大师

• 特色: 重油重色，醇厚朴实
• 擅长: 徽州文化的朴实醇香

使用说明

1. 输入食材: 在食材输入框中添加您现有的食材
2. 选择大师: 点击选择一个或多个菜系大师
3. 生成菜谱: 点击"开始创作美味佳肴"按钮
4. 查看结果: 浏览不同大师为您定制的菜谱

开发计划

• 集成真实 AI 接口
• 添加菜谱收藏功能
• 支持菜谱分享
• 添加营养分析
• 支持语音输入食材
• 添加购物清单功能

贡献指南

欢迎提交 Issue 和 Pull Request 来帮助改进项目！

许可证

MIT License