4 مشاريع React لصقل مهاراتك و إضافتها لل Portfolio الخاص بك

4 مشاريع React لصقل مهاراتك و إضافتها لل Portfolio الخاص بك

14 ماي 2022|دقيقتين قراءة

أفضل طريقة لتعلم البرمجة هي الممارسة, خاصك تخدم مشاريع بنفسك, تغلط و تصحح و تبحث و تعصر دماغك باش ترسخ المعلومة, لأن الدماغ كايحفظ المعلومة اللي بدل عليها مجهود لمدة أطول.

فهاد المقال غانعطيكوم 4 مشاريع ب React بإمكانك تخدم عليهم و أيضا تحطهم في ل Portfolio الخاص بك.

كل مشروع غاتلقاو معاه:

  • الرابط باش تشوفو النتيجة كدايرة.
  • رابط ل code source في Github

يمكنكم تحميل ل code source من Github لقرائته و أخذ فكرة عن طريقة بنائه أو ترجعو ليه إلى وحلتو فشي حاجة.

1. Portfolio :

هاد ل Portfolio مقاد ب React و SASS. في هذا المشروع ستتعلم طرق التحكم في ل animations بإستخدام sass و العديد من الأشياء الاخرى.

Portfolio with react and sass

2. GitHub Profile Stats :

هاد المشروع عبارة عن محرك بحث مبني على Github API كاتعطيه إسم حساب في Github و كايعطيك المعلومات الخاصة به , كالمشاريع اللي فيه و عدد المتابعين و النجوم, اللغات المستخدمة ... و العديد من المعلومات الأخرى.

هاد المشروع مبني بإستخدام Nextjs الي هو framework مبنية على React.

فهاد المشروع غاتعلمو العمل بال API و كذلك تحويل data إلى مبيان بإستعمال Chartjs .

GitHub Profile Stats

3. Rock Paper Scissors :

الألعاب كايتعتابرو من أفضل الطرق لتعلم مهارة التفكير و حل المشاكل. هاد المشروع عبارة عن اللعبة المشهورة ورقة - حجرة - مقص .

Rock Paper Scissors

4. Tic-Tac-Toe :

حتا هادي لعبة مشهورة إسمها Tic-Tac-Toe . اللعبة مقادة باش يلعبوها 2 ديال الأشخاص.

Tic-Tac-Toe

النهاية :

أهم حاجة خاصكم تتعلموها هي مهارة قراءة ل code source للمشاريع و معرفة كيف تم بنائه. هاد المهارة مهمة بزاف لأي مبرمج. بناء المشاريع غايعاونك تصقل العديد من المهارات و أيضا تحيد الخوف من أنك تبني شي حاجة عمرك خدمتيها , حيت غاتعلم مهارة البحث.