Idea Arca

---

فكرة أركا

Idea Arca (اللاتينية: "Idea Vault") هو بنك Idea Project. أطلق العنان لإبداع التكنولوجيا الخاص بك. اكتشف ، والتعاون ، وجعل أفكار المشروع المبتكرة في الحياة في مختلف مجالات التكنولوجيا من خلال هذا المستودع الملهم.

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

Astro	SCSS	جيسون
يوتيوب فيد	يوتيوب فيد	يوتيوب فيد

بعد مرور ذلك على مقاطع الفيديو هذه ، أنت مؤهل بما يكفي للعمل على قاعدة الشفرة الخاصة بنا

المساهمة

فيما يلي بعض الطرق التي يمكنك من خلالها المساهمة في هذا المشروع:

• إضافة موضوعات
• أضف الأفكار
• تقرير/إصلاح الأخطاء.
• اكتب الوثائق.
• آخرون: تنفيذ ميزات جديدة ، وتعديل واجهة المستخدم/UX

عملية المساهمة

1. شوكة : شوكة هذا github repo إلى حساب github الخاص بك
2. استنساخ : استنساخ الريبو المتشعب (الريبو الموجود على حسابك) إلى جهازك المحلي.
3. المشكلة : قم بإنشاء مشكلة تتعلق بالميزة التي ستعمل عليها وتحصل على المشكلة لك
4. التغييرات : قم بإنشاء فرع جديد وارتكاب تغييراتك على هذا الفرع.
5. PUSH : بعد كل التغييرات ، ادفع التغييرات الخاصة بك على الريبو عن بُعد.
6. PR : بعد دفع التغييرات ، ارفع العلاقات العامة من ريبو عن بُعد إلى فرع DEV لهذا الريبو. في العلاقات العامة ، أذكر رقم الإصدار الذي ستغلقه.

إذا كنت جديدًا على Git و Github ، فسوف أقترح عليك أولاً الذهاب إلى هذا:

1. yt video (الموصى بها): https://www.youtube.com/watch؟v=rgoj5yh7evk&pp=yguoz2l0igfuzcbnaxrodwi٪3d
2. المستندات: https://hacktoberfest.com/partispation/#beginner-resources

إذا كنت جديدًا في مفتوح المصدر ، فيمكنك المرور: https://www.youtube.com/watch؟v=yzevmecydce

---

مساهمات

تم شرح النوعين الرئيسيين من المساهمة أدناه (إضافة السمة ، إضافة الأفكار):

إضافة موضوعات

نحن هنا نتحدث عن موضوع الموقع. عملية إضافة موضوع هي (بعد الشوكة والاستنساخ):
نحن نعرض EG بإضافة موضوع يسمى test .

1. أضف <option> in ./src/components/ThemeSelector.astro :

• قبل

 < select name = "themes" id = { id } class = "btn" >
  /* other options */
  < option value = "neon" > Neon </ option >
</ select >

• بعد

 < select name = "themes" id = { id } class = "btn" >
  /* other options */
  < option value = "neon" > Neon </ option >
  /* Added code ? */
  < option value = "test" > Test </ option >
</ select >

2. إضافة رمز class جديد في ./src/styles/themes.scss :

اسم الفئة هو القيمة المعطاة لسمة value الخاصة بـ <option> TAG الخاص بك

هنا استخدمنا:

 < option value = "test" > Test </ option >

لذلك فصنا هو test .

• قبل

 /* Other Codes */
.neon {
  --primary-1 : #793fdf ;
  --primary-2 : #7091f5 ;
  --primary-3 : #97fff4 ;
  --primary-4 : #ffffff ;
  --sidenav : #793fdfce ;
  --gradient : #e600ff ;
}

• بعد

 /* Other Codes */
.neon {
  /* same */
}

/* Added code ? */
.test {
  --primary-1 : #000000 ;
  --primary-2 : #000132 ;
  --primary-3 : #000245 ;
  --primary-4 : #ffffff ;
  --sidenav : #0000ce ;
  --gradient : #f690fa ;
}

ملحوظة :

1. --primary-1 : يستخدم كخلفية رئيسية
2. --primary-3 : يستخدم في الغالب نصوصي المهمة
3. --primary-4 : يستخدم بواسطة نصوص مفصلة
4. --sidenav : يتم تقليل عتامة- --primary-1 ، فقط إلحاق ce الخاص بك- --primary-1 ؛
5. --gradient : هذا random color يناسب الموقع ، إنه لون الدائرة التدرج في أعلى الموقع

يمكنك استخدام https://colorhunt.co/ للألوان الأولية الأربعة ، واختيار لون لطيف للتدرج بمفردك

أضف الأفكار

نحن هنا نتحدث عن الأفكار المعروضة على الموقع. عملية إضافة الأفكار هي (بعد الشوكة والاستنساخ):

الحالة 1 : إضافة الفكرة في القسم/الحقل الحالي

نحن نعرض مثالاً عن طريق إضافة فكرة في قسم React .

1. أضف كائنك في ./src/database/MainData.json داخل data قسم React:

• قبل

 [
  {
    section : 'React' ,
    data : [
      {
        id : 1 ,
        title : 'E-commerce Dashboard' ,
        tags : [ 'React' , 'Redux' , 'CSS' , 'API Integration' ] ,
        description : 'Lorem Ispum' ,
        link : 'https://example-ecommerce-dashboard.com' ,
      } ,
    ] ,
  } ,
] ;

• بعد

 [
  {
    section : 'React' ,
    data : [
      {
        // prev code
      } ,
      /* Added code ? */
      {
        id : 2 ,
        title : 'Test' ,
        tags : [ 'React' , 'Redux' , 'scss' , 'API' ] ,
        description : 'Give Meaningful Description, there is no word limit' ,
        link : 'Working Link' ,
      } ,
    ] ,
  } ,
] ;

الحالة 2 : إضافة فكرة في قسم/حقل جديد

نحن نعرض مثالاً عن طريق إضافة فكرة في قسم جديد: قسم BackboneJs .

1. أضف اسم القسم الخاص بك في ./src/database/sections.json ، لجعل القسم/الحقل الخاص بك يظهر في لوحة التنقل اليسرى:

• قبل

 [ 'React' , 'Vue' , 'Svelte' , 'Frontend' , 'Backend' ] ;

• بعد

 [ 'React' , 'Vue' , 'Svelte' , 'Frontend' , 'Backend' , 'BackboneJs' ] ;

2. أضف كائنك في ./src/database/MainData.json داخل data قسم React:

• قبل

 [
  {
    section : 'React' ,
    data : [
      {
        id : 1 ,
        title : 'E-commerce Dashboard' ,
        tags : [ 'React' , 'Redux' , 'CSS' , 'API Integration' ] ,
        description : 'Lorem Ispum' ,
        link : 'Working Link' ,
      } ,
    ] ,
  } ,
  // Similar Codes for Other Sections
] ;

• بعد

 [
  // prev Codes
  {
    section : 'BackboneJs' ,
    data : [
      {
        id : 1 ,
        title : 'E-commerce Dashboard' ,
        tags : [ 'Backbonejs' ] ,
        description : 'Give Meaningful Description, there is no word limit' ,
        link : 'Working Link' ,
      } ,
    ] ,
  } ,
] ;

ملحوظة :

1. section : الحقول الرئيسية
2. link : يجب أن يكون رابطًا يعمل وغير منفتح. يمكن أن يكون Figma ، رابط موقع ويب مستضاف. إذا كانت فكرتك تستند إلى أي موقع ويب آخر موجود بالفعل (يمكن أن يكون أو أي ميزة) ، فوفر رابط موقع الويب هذا.
3. *يجب أن يكون كل id في كل أقسام فريدة من نوعها*