contribution cards

Cartes de contribution

Les cartes de contribution sont un projet amusant et interactif où vous pouvez concevoir et personnaliser les cartes HTML. Ce projet est un moyen fantastique de se renseigner sur les contributions open source, d'améliorer vos compétences HTML, CSS, JS, Git et présenter votre créativité. Que vous soyez un débutant ou un développeur expérimenté, il y en a quelque chose ici! ??

Table des matières

• Commencer
• Comment contribuer
  • Fourchez le référentiel
  • Cloner le référentiel
  • Créer une branche
  • Apporter vos modifications
  • Engager vos modifications
  • Push to github
  • Créer une demande de traction
• Structure du projet
• Contributeurs
• Licence

Commencer

Pour commencer avec les cartes de contribution, suivez ces étapes:

1. Fourk ce référentiel : cliquez sur le bouton «Fork» en haut à droite de cette page.

2. Clone votre référentiel fourchu :

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

3. Naviguer dans le répertoire du projet :

    cd contribution-cards

4. Ouvrez index.html dans votre navigateur pour voir le projet en action et ajouter les données à la fin de index.html dans le répertoire racine (modifiez le code à la fin de chaque carte pour une meilleure compréhension de la structure de base de code)
   Voici un exemple (modifier avec vos coordonnées)

    <!--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. Open users.css dans le répertoire css pour mettre à jour la couleur et la couleur de votre carte de carte (ajoutez à la fin pour une meilleure structure de codage)
   

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

6. Open users.json dans le répertoire data pour mettre à jour les détails de votre carte pour la mise à jour auto-merge.yml (ajouter à la fin pour une meilleure structure de codage)

  {
    "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 "
  },

Comment contribuer

Nous accueillons les contributions de tous. Voici les étapes à contribuer:

Fourchez le référentiel

1. Cliquez sur le bouton «Fork» dans le coin supérieur droit de la page du référentiel.

Cloner le référentiel

2. Clone votre référentiel à fourche vers votre machine locale:

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

Créer une branche

3. Créez une nouvelle branche pour vos modifications:

   git switch -c " your-branch-name "

Apporter vos modifications

4. Apportez vos modifications au projet. Cela peut inclure l'édition de fichiers HTML, CSS ou JavaScript.

Engager vos modifications

5. Ajouter et commettre vos modifications avec un message de validation significatif:

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

Push to github

6. Poussez vos modifications à votre référentiel à fourche:

   git push origin your-branch-name

Créer une demande de traction

7. Créez une demande de traction de votre référentiel fourchu vers le référentiel d'origine. Cliquez sur le bouton «Nouveau Pull Demande» sur la page du référentiel d'origine et suivez les instructions.

Structure du projet

Voici un bref aperçu de la structure du projet:

 ├── 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

Contributeurs

Nous apprécions les contributions des individus suivants: contributeurs

Ce n'est que le début! J'ai hâte de faire des contributions plus significatives et de collaborer avec cette communauté incroyable. Construisons quelque chose de super ensemble et faisons de la mémo autocollante le meilleur possible! ❤️?

Licence

Ce projet est autorisé sous la licence du MIT. Voir le fichier de licence pour plus de détails.