completador de musica
1.0.0
คลิกที่นี่เพื่อดูโครงการที่ใช้งานได้
โครงการนี้เป็นเว็บแอปพลิเคชันที่พัฒนาขึ้นด้วยเฟรมเวิร์กถัดไป Js และ Tailwind ที่มีจุดมุ่งหมายเพื่อช่วยในการศึกษาภาษาต่างประเทศผ่านดนตรี เมื่ออยู่ในหน้าแรกของแอปพลิเคชันคุณควรแจ้งชื่อเพลงและผู้แต่งซึ่งจะแสดงรายการเพลงที่พบดังนั้นเพียงเลือกเพลงที่คุณต้องการวางไว้บนแพลตฟอร์มบางอย่างเช่น YouTube หรือ Spotify และเติมช่องว่างในเนื้อเพลงด้วยคำที่ถูกต้อง ช่องว่างจะถูกสุ่มเลือกซึ่งช่วยให้คุณมีคำที่แตกต่างกันเพื่อให้เสร็จสมบูรณ์และพัฒนาทักษะภาษาของคุณที่พยายามเรียนรู้
ในการเริ่มต้นแอปพลิเคชันในเครื่องคุณต้องดาวน์โหลดที่เก็บนี้ (ไม่ว่าจะเป็นตัวเลือกโคลน gitHub หรือผ่านไฟล์. zip) และแก้ไขไฟล์ model.env.local ที่เรียกว่า ไฟล์นี้จะต้องเปลี่ยนชื่อเป็น . env.local และค่าของตัวแปรที่มีอยู่ในไฟล์นี้จะต้องเปลี่ยนเป็นค่า โทเค็นการเข้าถึงไคลเอนต์ ที่ได้จาก Genius API ซึ่งเป็นฐานสำหรับแพ็คเกจที่ใช้เพื่อรับตัวอักษร เอกสารสามารถเข้าถึงได้โดยคลิกที่นี่
หลังจากนั้นในหน้าหลักของโครงการคุณจะต้องเรียกใช้คำสั่ง npm i เพื่อติดตั้ง npm run dev Pomises เพื่อเริ่มโครงการ หลังจากการรวบรวมโครงการจะพร้อมใช้งานในพื้นที่ผ่าน localhost:3000
หมายเหตุ: พอร์ต 3000 เป็นพอร์ตเริ่มต้น แต่ฉันขอแนะนำให้คุณเห็นว่าพอร์ตใดที่โครงการจะเรียกใช้ผ่านเทอร์มินัลที่ใช้คำสั่ง npm run dev
หากคุณต้องการเข้าถึงโครงการออนไลน์คลิกที่นี่เพื่อดูการปรับใช้ที่ทำบนแพลตฟอร์ม Vercel
ในหน้าแรกของแอปพลิเคชันคุณควรใส่ชื่อเพลงและบุคคลหรือวงดนตรีที่เกี่ยวข้องกับเพลงนี้ ในหน้าจอหลักนี้คุณสามารถเลือกความยากลำบากของเพลง ยิ่งมีความยากมากเท่าไหร่ช่องว่างก็จะยิ่งทำให้คุณเสร็จสมบูรณ์ เมื่อเลือกชื่อและการประพันธ์เพลงแล้วคุณต้องคลิกปุ่มค้นหา สิ่งนี้จะสร้างรายการผลลัพธ์สำหรับการแสดงผลการค้นหาของคุณจากนั้นเพียงคลิกที่การ์ดที่มีเพลงที่ต้องการและที่นี่เป็นที่น่าสังเกตว่าเมื่อเพลงได้รับผ่าน API เพลงในหลายภาษามีให้บริการ เมื่อคุณคลิกที่การ์ดเพลงแล้วแอปพลิเคชันจะนำทางไปยังหน้าเพลงซึ่งมีอินเทอร์เฟซด้านล่าง:
แต่ละช่องว่างมีสองปุ่ม ครั้งแรกของเหล่านี้คือปุ่มแก้ไขที่ระบุโดยการตรวจสอบที่จะแก้ไขช่องว่างปัจจุบันออกจากขอบสีเขียวหากคำนั้นถูกพิมพ์อย่างถูกต้องและเป็นสีแดงเป็นอย่างอื่น ปุ่มที่สองคือปุ่มเคล็ดลับที่แสดงด้วยหลอดไฟ ปุ่มนี้จะแสดงคำที่ควรพิมพ์ในช่องว่างนั้น การกระทำเหล่านี้เป็นรายบุคคลและใช้ได้เฉพาะกับช่องว่างปัจจุบัน
นอกเหนือจากการกระทำในท้องถิ่นเหล่านี้อินเทอร์เฟซยังมีปุ่มแอ็คชั่นทั่วโลกหกปุ่ม:
ในการมีส่วนร่วมในโครงการคุณสามารถเปิดปัญหาในโครงการที่พูดคุยเล็กน้อยเกี่ยวกับคุณสมบัติที่คุณต้องการนำไปใช้หรือข้อผิดพลาดที่คุณพบ (ฉันลงเอยด้วยการไม่พบข้อบกพร่องซึ่งอาจหมายความว่าฉันไม่ได้มองหาพวกเขามากพอฮ่าฮ่าฮ่า) ถ้าเป็นไปได้ให้ใส่ภาพบางส่วนที่เกี่ยวข้องกับเรื่องนี้เพราะช่วยอำนวยความสะดวกในการสร้างภาพและความเข้าใจ
หากคุณต้องการใช้บางสิ่งบางอย่างตามโครงการรู้สึกอิสระ โครงการนี้เป็นโอเพ่นซอร์สดังนั้นคุณไม่จำเป็นต้องได้รับอนุญาตให้ทำอะไรเลย เพียงทำโครงการส้อมและเริ่มการใช้งานของคุณตามที่คุณพบว่าดีขึ้นและหากคุณต้องการส่งที่เก็บข้อมูลการร้องขอการดึงด้วยการใช้งานของคุณก็รู้สึกสบายใจเช่นกัน เพียงจำไว้ว่าให้วางข้อความว่าการปรับปรุงหรือสิ่งที่คุณได้นำไปใช้ โอ้และถ้าคุณไม่ต้องการทำประชาสัมพันธ์ แต่คุณใช้โครงการนี้เป็นฐานคุณสามารถเปิดหมายเลขที่นี่ด้วยลิงค์ที่เก็บของคุณเพราะฉันต้องการทำรายการเพื่อให้ผู้ที่เข้าถึงโครงการนี้สามารถเข้าถึงการใช้งานของผู้ใช้รายอื่นได้
หากคุณต้องการทำอะไรบางอย่าง แต่คุณไม่รู้ว่าจะทำอย่างไรคุณสามารถดูปัญหาของโครงการเพื่อดูว่าเรามีอะไรเปิดอยู่หรือไม่จากนั้นขอให้ฉันมอบหมายงานนั้นให้คุณ
