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，但是您已經將該項目用作基礎，則可以在此處使用存儲庫鏈接打開一個號碼，因為我想列出列表，以便那些訪問此項目的人也可以訪問其他用戶的實現。
如果您想做一些事情，但是您不知道該怎麼辦，可以查看項目的問題，看看我們是否有開放的問題，然後請我將該任務分配給您。
