饮料等级榜 Tier List 🥤

好喝难喝，一口见真章！

这是一个采用Neobrutalism风格的饮料测评Tier List网页

特点 ✨

• Neobrutalism设计：粗边框、鲜艳色彩、偏移阴影
• Tier List布局：S/A/B/C/D五级直观展示饮料评价
• 气泡小游戏：点击气泡赢积分

技术栈 💻

• 框架: Preact (轻量级React替代)
• 语言: TypeScript
• 样式: TailwindCSS
• 构建工具: Vite

安装与运行 🚀

# 克隆仓库
git clone https://github.com/chenxing-dev/drink-tier-list.git
cd drink-tier-list

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

项目结构 📁

beverage-tierlist/
├── src/
│   ├── components/     # Preact组件
│   │   ├── BubbleGameModal.tsx
│   │   ├── Header.tsx
│   │   ├── TierList.tsx
│   │   └── ...
│   ├── data/
│   │   └── drinks.ts   # 饮料数据
│   ├── index.tsx       # 应用入口
│   └── types.ts        # TypeScript类型定义
├── public/             # 静态资源
├── index.html          # 主HTML文件
├── README.md           # 项目文档
├── TODO.md             # 待办事项
└── vite.config.js      # Vite配置

贡献指南 🤝

这个饮料测评列表需要你的建议：

告诉我：

1. 你想看我测评哪款饮料？（品牌+饮品名）
2. 你觉得哪款饮料被高估或低估了？
3. 有什么特别的喝法或隐藏菜单值得尝试？

提交方式： 点此提交建议

注意事项：

• 优先选择可在广州/广东/中国购买的品牌饮品
• 价格限于0～50元

许可证 📄

本项目采用 MIT 许可证