completador de musica
1.0.0
انقر هنا لمشاهدة المشروع يعمل
هذا المشروع عبارة عن تطبيق ويب تم تطويره باستخدام Frameworks Next.js و Tailwind يهدف إلى المساعدة في دراسة اللغات الأجنبية من خلال الموسيقى. بمجرد الحصول على الصفحة الرئيسية للتطبيق ، يجب عليك إبلاغ اسم أغنية ومؤلفها ، والتي ستعرض قائمة بالأغاني التي تم العثور عليها ، لذا فقط حدد الأغنية التي تريدها ، ضعها لتشغيلها على منصة مثل YouTube أو Spotify وملء الفجوات الموجودة في كلمات الأغاني مع الكلمة الصحيحة. يتم رسم الفجوات بشكل عشوائي ، مما يتيح لك دائمًا أن يكون لديك كلمات مختلفة لإكمالها ، وبالتالي تحسين مهاراتك اللغوية التي تحاول التعلم.
لبدء التطبيق محليًا ، تحتاج إلى تنزيل هذا المستودع (إما عن طريق خيارات استنساخ Github أو من خلال ملف .zip) وتعديل ملف model.env.local المسمى. يجب إعادة تسمية هذا الملف إلى .env.local ويجب تغيير قيمة المتغير الموجود في هذا الملف إلى قيمة صالحة من رمز وصول العميل الذي تم الحصول عليه من API Genius ، وهي قاعدة الحزمة المستخدمة للحصول على الرسائل. يمكن الوصول إلى الوثائق بالنقر هنا.
بعد ذلك ، في الصفحة الرئيسية للمشروع ، ستحتاج إلى تشغيل أوامر npm i لتثبيت مقر npm run dev لبدء المشروع. بعد التجميع ، سيكون المشروع متاحًا محليًا عبر localhost:3000 .
ملاحظة: المنفذ 3000 هو المنفذ الافتراضي ، لكنني أوصي بأن ترى المنفذ الذي سيتم تشغيل المشروع حقًا عبر المحطة حيث تم استخدام أمر npm run dev .
إذا كنت ترغب في الوصول إلى المشروع عبر الإنترنت ، فانقر هنا لمشاهدة Deploy Made على منصة Vercel.
في الصفحة الرئيسية للتطبيق ، يجب أن تضع اسم الموسيقى والشخص أو الفرقة التي ترتبط بها هذه الأغنية. في هذه الشاشة الرئيسية ، يمكنك أيضًا تحديد صعوبة الموسيقى. كلما زادت الصعوبة ، زادت الثغرات التي تجعلك تكتمل. بمجرد تحديد اسم الأغنية وتأليفها ، يجب عليك النقر فوق زر البحث. سيؤدي ذلك إلى تقديم قائمة بالنتائج لتقديم البحث الخاص بك ، ثم انقر فقط على البطاقة التي تحتوي على الموسيقى المطلوبة ، وهنا تجدر الإشارة إلى أنه نظرًا لأن الأغاني التي يتم الحصول عليها من خلال واجهة برمجة التطبيقات ، تتوفر الموسيقى بلغات متعددة. بمجرد النقر على بطاقة الموسيقى ، سيتم نقل التطبيق إلى صفحة الأغنية ، التي تحتوي على الواجهة أدناه:
كل فجوة لها زرين. أولها هو زر التصحيح المشار إليه بواسطة فحص سيؤدي إلى تصحيح الفجوة الحالية التي تاركة الحافة الخضراء إذا تم كتابة الكلمة بشكل صحيح والأحمر خلاف ذلك. الزر الثاني هو زر الحافة الممثل بمصباح. سيظهر هذا الزر الكلمة التي يجب كتابتها في تلك الفجوة. هذه الإجراءات فردية وقابلة للتطبيق فقط على الفجوة الحالية.
بصرف النظر عن هذه الإجراءات المحلية ، تحتوي الواجهة على ستة أزرار عمل عالمية:
للمساهمة في المشروع ، يمكنك فتح مشكلة في المشروع الذي يتحدث قليلاً عن الميزة التي تريد تنفيذها ، أو خطأ وجدته (انتهى بي الأمر إلى عدم العثور على الأخطاء مما يعني أنني لم أكن أبحث عنها جيدًا بما يكفي هاهاهاها). إذا أمكن ، ضع بعض الصور المتعلقة بالموضوع لأنه يسهل التصور والتفاهم.
إذا كنت ترغب في تنفيذ شيء بناءً على المشروع ، فلا تتردد. هذا المشروع مفتوح المصدر ، لذا لا تحتاج إلى إذني لفعل أي شيء. ما عليك سوى القيام بشوكة المشروع وابدأ تطبيقك كما تجد أفضل ، وإذا كنت ترغب في إرسال مستودع طلب سحب Prop Pro مع تطبيقك ، فاحوم بالراحة أيضًا. فقط تذكر أن تضع رسالة تقول إن التحسينات أو ما قمت بتطبيقه. أوه ، وإذا كنت لا ترغب في القيام بالعلاقات العامة ، لكنك استخدمت هذا المشروع كقاعدة ، يمكنك فتح رقم هنا باستخدام رابط المستودع الخاص بك لأنني أرغب في إنشاء قائمة حتى يتمكن أولئك الذين يصلون من هذا المشروع من الوصول إلى تطبيقات المستخدمين الآخرين.
إذا كنت ترغب في القيام بشيء ما ، لكنك لا تعرف ماذا تفعل ، فيمكنك إلقاء نظرة على مشكلات المشروع لمعرفة ما إذا كان لدينا شيء مفتوح ثم طلب مني تعيين هذه المهمة لك.
