"生活就像一杯鸡尾酒,有时候需要一点调味,有时候需要一点摇晃,但最重要的是要找到属于自己的配方。"
MoodShaker 是一个让你心情变好的神奇应用!就像一位专业的 AI 调酒师,它能够根据你的心情,为你调制出最适合的"心情鸡尾酒"。无论是开心、难过、焦虑还是兴奋,MoodShaker 都能帮你找到最合适的解决方案。
不需要你是调酒大师,也不需要复杂的知识,只需要跟着我们的向导,回答几个简单的问题,一杯完美契合当下的鸡尾酒就会出现在你面前。
首页是我们旅程的起点。在这里,你可以选择"开始探索"来获取 AI 推荐,或者直接去"酒单库"看看大家的收藏。

点击"开始探索"后,AI 会问你几个简单的问题。你是想喝点经典的,还是来点创意的?你的心情如何?

在画廊页面,你可以看到各种各样的鸡尾酒。你可以根据基酒(如金酒、伏特加)或口味(如甜、酸)来筛选你喜欢的饮品。

当你选中一款鸡尾酒,我们提供详细的配方、所需的工具和一步步的制作说明。不仅如此,还能了解到这杯酒背后的故事。

- 🧠 AI 智能推荐: 懂你的心情,更懂你的口味。
- 📱 完美适配手机与电脑: 无论在地铁上还是沙发上,随时随地都能用。
- 🎨 现代化设计: 简洁、优雅的暗色主题界面,保护视力又充满高级感。
- 📚 丰富的知识库: 不只是喝,还能学到鸡尾酒文化。
- 🌍 多语言支持: 支持中文和英文,方便不同用户使用。
如果你想在自己的电脑上运行这个项目,请按照以下步骤操作:
确保你的电脑上安装了 Node.js (建议版本 18 以上)。
git clone https://github.com/Tendo33/MoodShakerFront
cd MoodShakerFront你需要告诉程序如何连接 AI。
- 找到项目文件夹里的
.env.example文件。 - 把它重命名为
.env。 - 用记事本打开它,填入你的 API Key (如果你没有,可以先跳过,但 AI 功能可能无法使用)。
在终端(Terminal)中输入以下命令:
# 安装需要的工具包
pnpm install
# 启动网站
pnpm dev现在,打开浏览器访问 http://localhost:3000,你的专属调酒师就在那里等你!
对于对技术感兴趣的朋友,我们使用了以下最前沿的技术:
- 框架: Next.js 15 (React 的超集,更快更强)
- 语言: TypeScript (给 JavaScript 加上了类型安全)
- 样式: Tailwind CSS (写样式从未如此简单)
- 组件: Radix UI (无障碍、高质量的组件库)
想要成为我们的调酒师吗?欢迎提交 Pull Request!让我们一起调制出更多精彩的心情鸡尾酒!