completador de musica
1.0.0
Klik di sini untuk melihat proyek berfungsi
Proyek ini adalah aplikasi web yang dikembangkan dengan kerangka kerja Next.js dan Tailwind yang bertujuan untuk membantu dalam studi bahasa asing melalui musik. Setelah di halaman beranda aplikasi Anda harus menginformasikan nama lagu dan penulisnya, yang akan menampilkan daftar lagu yang ditemukan, jadi pilih saja lagu yang Anda inginkan, letakkan untuk diputar di beberapa platform seperti YouTube atau Spotify dan mengisi celah yang ada dalam lirik dengan kata yang benar. Kesenjangan ditarik secara acak, yang memungkinkan Anda untuk selalu memiliki kata -kata yang berbeda untuk diselesaikan dan dengan demikian meningkatkan keterampilan bahasa Anda yang mencoba belajar.
Untuk memulai aplikasi secara lokal, Anda perlu mengunduh repositori ini (baik oleh opsi klon GitHub atau melalui file .zip) dan memodifikasi file model.env.local yang disebut. File ini perlu diubah namanya menjadi .env.local dan nilai variabel yang ada dalam file ini harus diubah ke nilai yang valid dari token akses klien yang diperoleh dari API jenius, basis untuk paket yang digunakan untuk mendapatkan huruf. Dokumentasi dapat diakses dengan mengklik di sini.
Setelah itu, pada halaman utama proyek Anda perlu menjalankan perintah npm i untuk menginstal tempat npm run dev untuk memulai proyek. Setelah kompilasi, proyek akan tersedia secara lokal melalui localhost:3000 .
Catatan: Port 3000 adalah port default, tetapi saya sarankan Anda melihat port mana yang akan benar -benar dijalankan melalui terminal di mana perintah npm run dev telah digunakan.
Jika Anda ingin mengakses proyek online, klik di sini untuk melihat Deploy yang dibuat pada platform Vercel.
Di halaman beranda aplikasi Anda harus menaruh nama musik dan orang atau band yang dikaitkan dengan lagu ini. Di layar beranda ini Anda juga dapat memilih kesulitan musik. Semakin besar kesulitannya, semakin banyak celah akan membuat Anda lengkap. Setelah nama dan kepenulisan lagu telah dipilih, Anda harus mengklik tombol Pencarian. Ini akan membuat daftar hasil untuk rendering pencarian Anda, dan kemudian cukup klik pada kartu yang berisi musik yang diinginkan, dan di sini perlu dicatat bahwa karena lagu diperoleh melalui API, musik dalam berbagai bahasa tersedia. Setelah Anda mengklik kartu musik, aplikasi akan menavigasi ke halaman lagu, yang memiliki antarmuka di bawah ini:
Setiap celah memiliki dua tombol. Yang pertama adalah tombol koreksi yang ditunjukkan oleh cek yang akan memperbaiki celah saat ini meninggalkan tepi hijau jika kata tersebut telah diketik dengan benar dan merah sebaliknya. Tombol kedua adalah tombol ujung yang diwakili oleh lampu. Tombol ini akan menunjukkan kata yang harus diketik dalam celah itu. Tindakan ini bersifat individu dan hanya berlaku untuk kesenjangan saat ini.
Terlepas dari tindakan lokal ini antarmuka berisi enam tombol aksi global:
Untuk berkontribusi pada proyek, Anda dapat membuka masalah dalam proyek berbicara sedikit tentang fitur yang ingin Anda terapkan, atau bug yang Anda temukan (saya akhirnya tidak menemukan bug yang mungkin berarti saya tidak mencarinya dengan cukup baik hahaha). Jika memungkinkan, letakkan beberapa gambar yang terkait dengan subjek karena memfasilitasi visualisasi dan pemahaman.
Jika Anda ingin menerapkan sesuatu berdasarkan proyek, silakan. Proyek ini open-source sehingga Anda tidak perlu izin saya untuk melakukan apa pun. Lakukan saja garpu proyek dan mulailah implementasi Anda saat Anda menemukan lebih baik, dan jika Anda ingin mengirim repositori Pro Request Pull dengan implementasi Anda, rasakan juga nyaman. Ingatlah untuk memasukkan pesan yang mengatakan bahwa perbaikan atau apa yang telah Anda terapkan. Oh, dan jika Anda tidak ingin melakukan PR tetapi Anda telah menggunakan proyek ini sebagai basis, Anda dapat membuka nomor di sini dengan tautan repositori Anda karena saya ingin membuat daftar sehingga mereka yang mengakses proyek ini juga dapat mengakses implementasi pengguna lain.
Jika Anda ingin melakukan sesuatu, tetapi Anda tidak tahu harus berbuat apa, Anda dapat melihat masalah proyek untuk melihat apakah kami memiliki sesuatu yang terbuka dan kemudian meminta saya untuk menetapkan tugas itu kepada Anda.
