contribution cards

بطاقات المساهمة

بطاقات المساهمة هو مشروع ممتع وتفاعلي حيث يمكنك تصميم وتخصيص بطاقات HTML. يعد هذا المشروع طريقة رائعة للتعرف على مساهمات مفتوحة المصدر ، وتحسين HTML ، و CSS ، و JS ، ومهارات GIT ، وعرض إبداعك. سواء كنت مبتدئًا أو مطورًا متمرسًا ، فهناك شيء لك هنا! ؟

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

• ابدء
• كيفية المساهمة
  • شوكة المستودع
  • استنساخ المستودع
  • إنشاء فرع
  • قم بإجراء تغييراتك
  • ارتكب تغييراتك
  • ادفع إلى جيثب
  • إنشاء طلب سحب
• هيكل المشروع
• المساهمين
• رخصة

ابدء

للبدء في بطاقات المساهمة ، اتبع هذه الخطوات:

1. شوك هذا المستودع : انقر فوق الزر "شوكة" في أعلى يمين هذه الصفحة.

2. استنساخ مستودعك المتشعب :

   git clone https://github.com/your-username/contribution-cards.git

3. انتقل إلى دليل المشروع :

    cd contribution-cards

4. افتح index.html في متصفحك لرؤية المشروع قيد التشغيل وإضافة البيانات في نهاية index.html .
   إليك مثال (تحرير بتفاصيلك)

    <!--John Doe's Card Start-->
     < div class =" cards john-doe " >
         < div class =" card-head " >
             < h5 class =" card-title " > John Doe </ h5 >
             < ul class =" card-social-links " >
                 < li > < a href =" https://www.linkedin.com/in/johndoe " class =" card-link " data-toggle =" tooltip " title =" LinkedIn " > < i class =" bi bi-linkedin " > </ i > </ a > </ li >
                 < li > < a href =" https://github.com/johndoe " class =" card-link " data-toggle =" tooltip " title =" GitHub " > < i class =" bi bi-github " > </ i > </ a > </ li >
                 < li > < a href =" https://johndoe.com " class =" card-link " data-toggle =" tooltip " title =" Portfolio " > < i class =" bi bi-globe " > </ i > </ a > </ li >
             </ ul >
         </ div >
         < p class =" card-text " > John is a software developer with a passion for open-source projects and community engagement. </ p >
         < ul class =" card-study-links " >
             < li > < a href =" https://www.freecodecamp.org " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" FreeCodeCamp " > < i class =" bi bi-book " > </ i > </ a > </ li >
             < li > < a href =" https://www.w3schools.com " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" W3Schools " > < i class =" bi bi-mortarboard " > </ i > </ a > </ li >
             < li > < a href =" https://docs.github.com " target =" _blank " class =" study-link " data-toggle =" tooltip " title =" GitHub Docs " > < i class =" bi bi-file-code " > </ i > </ a > </ li >
         </ ul >
         < h6 class =" card-subtitle mb-2 text-muted card-date " > Updated on: July 22, 2024 </ h6 >
     </ div >
   <!--John Doe's Card End-->

5. افتح users.css css
   

. john-doe {
  background-color : # ff6b6b ;
  color : white;
}

6. افتح users.json في دليل data لتحديث تفاصيل البطاقة الخاصة بك من أجل التحديث auto-merge.yml .

  {
    "name" : " John Doe " ,
    "title" : " Software Developer " ,
    "socialLinks" : {
      "linkedin" : " https://www.linkedin.com/in/johndoe " ,
      "github" : " https://github.com/johndoe " ,
      "portfolio" : " https://johndoe.com "
    },
    "description" : " John is a software developer with a passion for open-source projects and community engagement. " ,
    "studyLinks" : {
      "freeCodeCamp" : " https://www.freecodecamp.org " ,
      "w3Schools" : " https://www.w3schools.com " ,
      "githubDocs" : " https://docs.github.com "
    },
    "updatedOn" : " July 22, 2024 "
  },

كيفية المساهمة

نرحب بالمساهمات من الجميع. فيما يلي خطوات المساهمة:

شوكة المستودع

1. انقر على زر "Fork" في الركن الأيمن العلوي من صفحة المستودع.

استنساخ المستودع

2. استنساخ مستودعك المتشعب إلى جهازك المحلي:

   git clone https://github.com/your-username/contribution-cards.git

إنشاء فرع

3. قم بإنشاء فرع جديد لتغييراتك:

   git switch -c " your-branch-name "

قم بإجراء تغييراتك

4. قم بإجراء تغييراتك على المشروع. قد يشمل ذلك تحرير ملفات HTML أو CSS أو JavaScript.

ارتكب تغييراتك

5. أضف وارتكاب التغييرات الخاصة بك برسالة ملزمة ذات مغزى:

   git add .
   git commit -m " Add a meaningful commit message "

ادفع إلى جيثب

6. ادفع التغييرات الخاصة بك إلى مستودعك المتشعب:

   git push origin your-branch-name

إنشاء طلب سحب

7. قم بإنشاء طلب سحب من مستودعك المتشعب إلى المستودع الأصلي. انقر فوق الزر "طلب السحب الجديد" في صفحة المستودع الأصلي واتبع الإرشادات.

هيكل المشروع

فيما يلي نظرة عامة موجزة على بنية المشروع:

 ├── assets
├── CODE_OF_CONDUCT.md
├── Contributors.md
├── css
│   ├── styles.css
│   └── users.css
├── data
│   └── users.json
├── index.html
├── js
│   └── main.js
├── MIT-LICENSE.txt
└── README.md

المساهمين

نحن نقدر مساهمات الأفراد التاليين: المساهمين

هذه مجرد البداية! إنني أتطلع إلى تقديم مساهمات أكثر جدوى والتعاون مع هذا المجتمع المذهل. دعنا نبني شيئًا رائعًا معًا ونجعل اللزجة أفضل ما يمكن أن يكون! ❤؟

رخصة

هذا المشروع مرخص بموجب ترخيص معهد ماساتشوستس للتكنولوجيا. انظر ملف الترخيص للحصول على التفاصيل.