What To Eat: 帮你解决“今天吃什么”世纪难题的趣味小项目

### What To Eat: 帮你解决“今天吃什么”世纪难题的趣味小项目

`what-to-eat` 是一个由GitHub用户 **liu-ziting** 创建的开源Web应用，它用一种简单有趣的方式来解决许多人每天都会面临的“选择困难症”——今天到底吃什么？

**项目地址**: [github.com/liu-ziting/what-to-eat](https://github.com/liu-ziting/what-to-eat)
**在线体验**: [https://what-to-eat.vercel.app/](https://what-to-eat.vercel.app/)

---

#### **核心理念与定位**

这个项目的定位非常明确和纯粹：它不是一个复杂的美食推荐系统，而是一个轻量级、可视化的**随机决策工具**。它通过模拟一个旋转的转盘，从一个预设的食物列表中随机选择一个作为当天的“天选之菜”，为用户的用餐决策增添了一丝趣味性和随机性。

它的核心就是为了解决那个经典的生活难题，当你和朋友、同事或家人因为不知道吃什么而陷入僵局时，这个小工具可以作为一个公平、有趣的“仲裁者”。

---

#### **主要功能与特点**

1.  **动态转盘**：应用的核心是一个色彩鲜艳、动画流畅的转盘。 用户点击中间的“GO”按钮，转盘便会开始旋转，并在几秒后随机停留在一个食物选项上，整个过程富有动感和期待感。

2.  **丰富的食物列表**：转盘上预置了大量常见的中式菜肴和快餐选项，如“兰州拉面”、“木桶饭”、“麦当劳”、“猪脚饭”等，基本覆盖了日常工作餐和快餐的范畴。

3.  **自定义菜单（核心亮点）**：
    *   **添加选项**：用户不满足于预设菜单时，可以轻松地在输入框中添加自己喜欢的食物，让转盘更符合个人口味或所在地的美食特色。
    *   **删除选项**：对于不喜欢的或者不满意的默认选项，用户可以点击列表项将其删除。
    *   **数据本地存储**：所有自定义的修改（增/删）都会被自动保存在浏览器的 `localStorage` 中。这意味着只要不清空浏览器数据，用户下次访问时看到的依然是自己定制化的菜单，非常贴心。

4.  **极简设计与易用性**：整个界面非常简洁，只有一个核心的转盘和下方的菜单编辑区，没有任何多余的元素。用户无需注册登录，打开即用，操作直观。

---

#### **技术栈**

`what-to-eat` 是一个纯粹的前端项目，采用了现代化且轻量的技术栈：

*   **框架**: [Vue 3](https://vuejs.org/)，使用了 [Vite](https://vitejs.dev/) 作为构建工具，保证了极快的开发启动和打包速度。
*   **语言**: [TypeScript](https://www.typescriptlang.org/)，为项目提供了类型安全，使得代码更健壮。
*   **UI组件库**: [Element Plus](https://element-plus.org/)，提供了美观且易用的UI组件。
*   **CSS**: 使用了 [Sass](https://sass-lang.com/) 进行样式编写。

---

#### **目标用户**

*   **选择困难症患者**：为每天纠结吃什么的人提供一个快速决策方案。
*   **办公室“饭搭子”**：当团队午餐无法统一意见时，可以用它来做出一个“民主”且有趣的选择。
*   **前端学习者**：项目代码结构清晰，功能聚焦，是一个学习Vue 3、Vite和TypeScript实践应用的绝佳入门案例。

总而言之，`what-to-eat` 是一个典型的“小而美”的个人开源项目。它从一个常见的日常痛点出发，用简洁的技术和有趣的设计提供了一个优雅的解决方案，既实用又好玩。