MenuMuse 项目概述

项目概述
MenuMuse 是一款基于先进人工智能技术的菜单生成器,能够将普通的菜单照片转化为充满诗意的美食故事。通过深度学习和自然语言处理技术,MenuMuse 不仅能够智能识别菜品信息,还能为每道菜创作独特的文艺描述,并生成专业级的美食摄影图片。
Demo
Visit the live demo at MenuMuse Demo
核心价值
- 🧠 智能识别:先进的 AI 视觉技术,精准识别菜单中的每一道美食
- 🎨 诗意文案:为每道菜品创作独特的文艺描述,让美食拥有文学的温度
- 🌍 双语呈现:中英文对照的菜品名称,让美食跨越语言的边界
- 📸 美食摄影:AI 生成专业级的美食图片,让每道菜都如艺术品般呈现
- 💝 个性推荐:智能搭配建议,帮助您发现味蕾的完美组合
- 🏛️ 文化传承:深度解析菜品的文化背景和烹饪工艺的精妙之处
技术栈
前端技术
- Next.js 15 - React 全栈框架,支持 App Router 和 Server Components
- React 19 - 用户界面库,支持最新的 RSC 特性
- TypeScript - 类型安全的 JavaScript 超集
- Tailwind CSS 4 - 实用优先的 CSS 框架
- shadcn/ui - 现代化的 React 组件库 (Neutral 风格)
- Lucide React - 精美的图标库
- Zustand - 轻量级状态管理
AI 和后端技术
- Vercel AI SDK - 统一的 AI 开发工具包
- OpenAI GPT-4o - 自然语言处理和内容生成
- Google Vertex AI - 图像生成和视觉识别
- Google Gemini - 多模态大语言模型
- Zod - TypeScript 优先的模式验证
快速开始
环境要求
- Node.js 18.17+
- npm 9.0+
- Docker (可选,用于容器化部署)
本地开发
- 克隆项目
git clone https://github.com/neozhu/menu-muse-app.git
cd menu-muse-app
- 安装依赖
npm install
- 环境配置
cp .env.example .env.local
编辑 .env.local
文件,配置 API 密钥:
# OpenAI
OPENAI_API_KEY=your_openai_api_key
# Google Vertex AI
GOOGLE_VERTEX_API_KEY=your_vertex_api_key
GOOGLE_PROJECT_ID=your_google_project_id
# Google AI (Gemini)
GOOGLE_AI_API_KEY=your_google_ai_api_key
# Next.js
NEXT_PUBLIC_BASE_URL=http://localhost:3000
- 启动开发服务器
npm run dev
- 打开浏览器 访问 http://localhost:3000 查看应用