Wordle 游戏

使用任意前端技术，实现一个 Wordle 游戏。鼓励使用前端框架。

Wordle 的规则如下：

• 目标：在 6 次机会内猜出一个 5 字母单词。
• 每次猜测后，各字母的反馈：
  • 绿色：字母和位置都正确；
  • 黄色：字母在单词中，但位置错误；
  • 灰色：字母不在单词中。
• 胜负：在 6 次内猜中则获胜，否则游戏结束。

界面需要还原设计稿：

• 设计稿展示了某一局游戏的状态。在该局游戏中，答案是 smoke，界面前 3 行是玩家猜测过的单词，第 4 行是玩家正在输入的单词，后两行是剩余机会；
• 主体区域位于页面中心，即上下边距相等、左右边距相等；
• 其他信息已在图中给出。

行为：

• GET https://wordle.geek-tech.group/api/wordle/{yyyy-MM-dd}
  发起 GET 请求（如 https://wordle.geek-tech.group/api/wordle/2024-10-01）获取每日答案，该接口的响应是一个 JSON，格式如下：

  json复制代码

  {
    "date:": "2024-10-01",
    "solution": "ought"
  }

• 要求既可使用实体键盘输入，也可使用界面上的虚拟键盘输入。

• 每行输入达 5 个字母后不自动提交，玩家可以修改，直到按下 Enter 才提交。

如果时间充裕，你还可以在上述要求的基础上继续完善，例如：

• 保存玩家当日游玩进度，关闭网页后再次打开时可以继续上次进度；
• 添加合适的动效；
• 适配不同尺寸的屏幕；
• 胜利后弹窗提示分享战果。

如果对后端也感兴趣，可以尝试自己实现一个后端服务，用于提供每日答案。（顺便完成 Wordle 后端 这道题）

在项目完成后，提交你的项目仓库链接，建议使用 GitHub。做不完也没有关系，你的思路更重要。

提示

玩玩原版 Wordle 游戏感受一下它的玩法、操作和界面设计。