# 一饭封神 🍳

一个基于 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           # 全局样式
```

## 快速开始

### 安装依赖

```bash
npm install
```

### 启动开发服务器

```bash
npm run dev
```

### 构建生产版本

```bash
npm run build
```

## AI 接口配置

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

```typescript
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