这是为周末挑战:激情版提交的作品
我构建了什么
Rivalry Roast( rivalry 吐槽)是一款有趣的网页应用,它能生成关于2026年世界杯球队之间对抗关系的、由人工智能驱动的 hilarious(爆笑)吐槽。任意选择两支国家队,点击“吐槽他们!”,即可获得一段充满足球玩笑、历史典故和俏皮金句的机智评论——所有这些都以一位魅力四射的足球解说员的风格呈现。
这个创意源于“激情”主题:足球迷通过友好的玩笑和对抗性的垃圾话来表达他们对球队的热爱。本项目以一种易于分享、轻松愉快的方式颂扬这种文化。
功能特点:
- 🏳️ 从所有48支获得2026年世界杯参赛资格的国家中选择(配有真实的国旗图片)
- 🔥 人工智能为每一种球队组合生成独特且有趣的吐槽内容
- 🔊 文本转语音功能自动朗读吐槽内容
- 📋 提供用于社交媒体分享的复制和分享按钮
- 🎨 高端深色用户界面,采用玻璃拟态设计、火焰主题渐变以及流畅的动画效果
演示
代码
Rivalry Roast 🔥 — 由人工智能驱动的世界杯玩笑生成器
它是什么?
Rivalry Roast( rivalry 吐槽)是一款有趣的网页应用,它能生成关于2026年世界杯球队之间对抗关系的、由人工智能驱动的爆笑吐槽。任意选择两支国家队,点击“吐槽他们!”,即可获得一段充满足球玩笑、历史典故和俏皮金句的机智评论——所有这些都以一位魅力四射的足球解说员的风格呈现。
功能特点
- 🏳️ 从所有48支获得2026年世界杯参赛资格的国家中选择(配有真实的国旗图片)
- 🔥 人工智能为每一种球队组合生成独特且有趣的吐槽内容
- 🔊 文本转语音功能自动朗读吐槽内容
- 📋 提供用于社交媒体分享的复制和分享按钮
- 🎨 高端深色用户界面,采用玻璃拟态设计、火焰主题渐变以及流畅的动画效果
技术栈
- 前端:React(通过 Vite 构建)
- 样式:Tailwind CSS v4
-
人工智能:Google Gemini API(
gemini-2.5-flash) - 语音:Web Speech API(浏览器内置)
- 国旗:flagcdn.com(免费内容分发网络)
架构
…我是如何构建它的
技术栈
| 层级 | 技术 |
|---|