completador de musica
1.0.0
单击此处查看项目工作
该项目是一个由Next.js和tailwind开发的Web应用程序，旨在通过音乐来帮助研究外语。一旦在“应用主页”页面上，您应该告知歌曲及其作者的名称，该歌曲将显示找到的歌曲列表，因此只需选择您想要的歌曲，就可以在YouTube或Spotify之类的平台上播放，然后用正确的单词填补歌词中存在的空白。这些差距是随机绘制的，这使您始终拥有不同的单词来完成，从而提高了您的语言技能试图学习。
要在本地启动该应用程序，您需要下载此存储库（通过GitHub克隆选项或通过.zip文件）并修改nater.env.local文件。该文件需要重命名为.env.Local ，并且必须将此文件中存在的变量值更改为从Genius API获得的客户端访问令牌的有效值，Genius API是用于获取字母的软件包的基础。可以通过单击此处访问文档。
之后，在项目的主页上，您将需要运行npm i命令以安装npm run dev场所以启动项目。汇编后，该项目将通过localhost:3000 。
注意：端口3000是默认端口，但我建议您看到该项目将真正通过npm run dev命令的终端运行。
如果要访问在线项目，请单击此处查看在Vercel平台上进行的部署。
在应用主页上，您应该将音乐的名称以及与此歌曲相关联的个人或乐队的名称。在此主屏幕中，您还可以选择音乐的难度。难度越大，似乎使您完成的差距越多。一旦选择了歌曲的名称和作者，就必须单击搜索按钮。这将为您的搜索渲染列出结果列表，然后只需单击包含所需音乐的卡片，在这里值得注意的是，随着歌曲通过API获得，可以使用多种语言进行音乐。单击音乐卡后，应用程序将导航到歌曲页面，该页面具有以下接口：
每个差距都有两个按钮。第一个是通过检查指示的校正按钮，该检查将纠正当前差距，如果单词的键入正确且否则为红色，则将其留下绿色边缘。第二个按钮是由灯代表的小费按钮。此按钮将显示应在该差距中键入的单词。这些动作是个人的，仅适用于当前差距。
除这些本地操作外，接口包含六个全局动作按钮：
为了为该项目做出贡献，您可以在项目中打开一个问题，讨论要实现的功能或发现的错误（我最终找不到错误，这可能意味着我没有很好地寻找它们，哈哈哈）。如果可能的话，将一些与主题相关的图像放置，因为它有助于可视化和理解。
如果您想根据项目实施某些内容，请自由。该项目是开源的，因此您不需要我的许可即可执行任何操作。只需完成项目分叉并在您发现更好的情况下开始实现，如果您想通过实现来发送拉动请求pro存储库，也会感到舒适。只需记住给一条消息，说改进或您已经实施了什么。哦，如果您不想做PR，但是您已经将该项目用作基础，则可以在此处使用存储库链接打开一个号码，因为我想列出列表，以便那些访问此项目的人也可以访问其他用户的实现。
如果您想做一些事情，但是您不知道该怎么办，可以查看项目的问题，看看我们是否有开放的问题，然后请我将该任务分配给您。
