Skip to content

Tendo33/MoodShakerFront

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎭 MoodShaker - 你的心情调酒师

"生活就像一杯鸡尾酒,有时候需要一点调味,有时候需要一点摇晃,但最重要的是要找到属于自己的配方。"

🎨 这是什么?

MoodShaker 是一个让你心情变好的神奇应用!就像一位专业的 AI 调酒师,它能够根据你的心情,为你调制出最适合的"心情鸡尾酒"。无论是开心、难过、焦虑还是兴奋,MoodShaker 都能帮你找到最合适的解决方案。

不需要你是调酒大师,也不需要复杂的知识,只需要跟着我们的向导,回答几个简单的问题,一杯完美契合当下的鸡尾酒就会出现在你面前。

📸 项目导览

1. 欢迎来到 MoodShaker

首页是我们旅程的起点。在这里,你可以选择"开始探索"来获取 AI 推荐,或者直接去"酒单库"看看大家的收藏。 MoodShaker Homepage

2. 告诉我们你的心情

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

3. 探索酒单库 (The Cellar)

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

4. 制作你的鸡尾酒

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

✨ 主要特点

  • 🧠 AI 智能推荐: 懂你的心情,更懂你的口味。
  • 📱 完美适配手机与电脑: 无论在地铁上还是沙发上,随时随地都能用。
  • 🎨 现代化设计: 简洁、优雅的暗色主题界面,保护视力又充满高级感。
  • 📚 丰富的知识库: 不只是喝,还能学到鸡尾酒文化。
  • 🌍 多语言支持: 支持中文和英文,方便不同用户使用。

🚀 快速开始(新手指南)

如果你想在自己的电脑上运行这个项目,请按照以下步骤操作:

第一步:准备工作

确保你的电脑上安装了 Node.js (建议版本 18 以上)。

第二步:下载项目

git clone https://github.com/Tendo33/MoodShakerFront
cd MoodShakerFront

第三步:配置环境

你需要告诉程序如何连接 AI。

  1. 找到项目文件夹里的 .env.example 文件。
  2. 把它重命名为 .env
  3. 用记事本打开它,填入你的 API Key (如果你没有,可以先跳过,但 AI 功能可能无法使用)。

第四步:启动!

在终端(Terminal)中输入以下命令:

# 安装需要的工具包
pnpm install

# 启动网站
pnpm dev

现在,打开浏览器访问 http://localhost:3000,你的专属调酒师就在那里等你!

🛠️ 技术栈

对于对技术感兴趣的朋友,我们使用了以下最前沿的技术:

  • 框架: Next.js 15 (React 的超集,更快更强)
  • 语言: TypeScript (给 JavaScript 加上了类型安全)
  • 样式: Tailwind CSS (写样式从未如此简单)
  • 组件: Radix UI (无障碍、高质量的组件库)

🤝 加入我们

想要成为我们的调酒师吗?欢迎提交 Pull Request!让我们一起调制出更多精彩的心情鸡尾酒!

📝 许可证

MIT

👨‍💻 作者

About

A cocktail recommendation website

Resources

Stars

Watchers

Forks

Packages

No packages published

Languages