Drum_Machine

Drum_Machine

؟ جدول المحتويات

• ؟ جدول المحتويات
• Drum_Machine
  • ؟ بنيت مع
    • مكدس التكنولوجيا
    • الميزات الرئيسية
  • العرض المباشر
  • ابدء
    • هيكل المشروع
    • يثبت
    • ثَبَّتَ
    • الاستخدام
    • تشغيل الاختبارات
  • المؤلفون
  • ؟ الميزات المستقبلية
  • ؟ المساهمة
  • ️ أظهر دعمك
  • شكر وتقدير
  • رخصة

Drum_Machine

تطبيق Drum Machine هو تطبيق تفاعلي يحاكي آلة الطبول. تم تصميم هذا التطبيق بواجهة مستخدم بديهية وسهلة، ويتيح للمستخدمين تشغيل أصوات إيقاعية مختلفة من خلال المفاتيح التي تظهر على الشاشة أو من خلال لوحة مفاتيح الكمبيوتر.

؟ بنيت مع

مكدس التكنولوجيا

رد فعل الإعادة

• يستخدم هذا المشروع React

HTML

• يستخدم هذا المشروع HTML.

CSS

• يتم استخدام CSS لتوفير التصميم في الصفحة بأكملها.

الوبر

• إن Linters هي أدوات تساعدنا على التحقق من الأخطاء الموجودة في الكود وحلها
عدد هذا المشروع مع اثنين من اللتر:
• CSS
• جافا سكريبت

الميزات الرئيسية

• سبا
• CRA
• الأنماط
• مجموعة الأدوات
• رد الفعل-الإعادة
• النشر

(العودة إلى الأعلى)

العرض المباشر

يمكنك رؤية العرض التوضيحي هنا.

(العودة إلى الأعلى)

ابدء

للحصول على نسخة محلية وتشغيلها، اتبع الخطوات التالية. يتطلب هذا المشروع تثبيت Node.js وnpm على جهازك.

-Node.js -npm

- قم باستنساخ هذا المستودع على جهازك المحلي باستخدام:

استنساخ بوابة https://github.com/ClaudiaRojasSoto/Drum_Machine.git

- انتقل إلى مجلد المشروع:

مؤتمر نزع السلاح math_magicians

-تثبيت تبعيات المشروع:

تثبيت npm

لبدء خادم التطوير، قم بتشغيل الأمر التالي:

بداية npm

هيكل المشروع

يتبع المشروع بنية المجلد والملف التالية:

• /src : يحتوي على الملفات المصدرية للتطبيق.
• /src/index.js : نقطة الدخول الرئيسية لتطبيق JavaScript.
• /src/App.js : مكون المستوى الأعلى للتطبيق حيث يتم عرض المكونات.
• /src/components : دليل مكونات React.
• /src/components/Display.js : مكون العرض
• /src/components/DrumMachine.js : مجلد DrumMachine.
• /src/components/DrumPad.js : مجلد Drumpad.
• /src/redux : دليل إدارة Redux.
• /src/redux/store.js : تكوين متجر Redux.
• /src/redux/actions : مجلد إجراءات Redux.
• /src/redux/DrumMachineActions : مجلد لإدارة إجراءات DrumMachine.
• /src/redux/reducers : مجلد مخفضات Redux.
• /src/redux/reducers/DrumMachineReducer.js : المخفض لإدارة مخفض DrumMachine.
• /public : يحتوي على الملفات والأصول العامة للتطبيق.
• /public/index.html : ملف HTML الأساسي للتطبيق.
• /build : يحتوي على ملفات الإنتاج التي تم إنشاؤها.

يثبت

انسخ هذا المستودع إلى المجلد المطلوب: https://github.com/ClaudiaRojasSoto/Drum_Machine.git

ثَبَّتَ

قم بتثبيت هذا المشروع باستخدام: تثبيت Stylelint وESLint

الاستخدام

لتشغيل المشروع، قم بتنفيذ الأمر التالي: تحتاج فقط إلى متصفح ويب

تشغيل الاختبارات

لإجراء الاختبارات، قم بتشغيل الأمر التالي: npm start، تحتاج فقط إلى متصفح ويب بسيط لتشغيل هذا المشروع للاختبار

المؤلفون

؟ كلوديا روخاس

• جيثب: @githubhandle
• ينكدين: ينكدين
• قائمة الملائكة: قائمة الملائكة

(العودة إلى الأعلى)

؟ الميزات المستقبلية

• مفاتيح المستخدم - تسجيل الدخول

(العودة إلى الأعلى)

؟ المساهمة

نرحب بالمساهمات والقضايا وطلبات الميزات!

لا تتردد في التحقق من صفحة القضايا.

(العودة إلى الأعلى)

️ أظهر دعمك

إذا أعجبك هذا المشروع، فأظهر الدعم باتباع هذا الحساب

(العودة إلى الأعلى)

شكر وتقدير

• Microverse لإتاحة الفرصة لتعلم Git وGitHub في بيئة تعاونية.

• GitHub Docs لتوفير ثروة من المعلومات حول Git وGitHub.

(العودة إلى الأعلى)

رخصة

هذا المشروع هو معهد ماساتشوستس للتكنولوجيا.

(العودة إلى الأعلى)