contribution cards

Kartu Kontribusi

Kartu Kontribusi adalah proyek yang menyenangkan dan interaktif di mana Anda dapat merancang dan menyesuaikan kartu HTML. Proyek ini adalah cara yang fantastis untuk belajar tentang kontribusi sumber terbuka, meningkatkan HTML, CSS, JS, keterampilan Git, dan menunjukkan kreativitas Anda. Apakah Anda seorang pemula atau pengembang yang berpengalaman, ada sesuatu untuk Anda di sini! ??

Daftar isi

• Memulai
• Bagaimana berkontribusi
  • Garpu repositori
  • Klon Repositori
  • Buat cabang
  • Membuat perubahan Anda
  • Melakukan perubahan Anda
  • Dorong ke GitHub
  • Buat Permintaan Tarik
• Struktur proyek
• Kontributor
• Lisensi

Memulai

Untuk memulai dengan kartu kontribusi, ikuti langkah -langkah ini:

1. Fork Repositori ini : Klik tombol 'Fork' di kanan atas halaman ini.

2. Klone repositori bercabang Anda :

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

3. Menavigasi ke direktori proyek :

    cd contribution-cards

4. Buka index.html di browser Anda untuk melihat proyek dalam tindakan dan menambahkan data di akhir index.html di direktori root (ubah kode di akhir setiap kartu untuk pemahaman yang lebih baik tentang struktur basis kode)
   Inilah contohnya (edit dengan detail Anda)

    <!--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 di direktori css untuk memperbarui warna dan warna latar belakang kartu Anda (tambahkan di ujung untuk struktur pengkodean yang lebih baik)
   

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

6. Open users.json di direktori data untuk memperbarui detail kartu Anda untuk pembaruan auto-merge.yml (tambahkan di akhir untuk struktur pengkodean yang lebih baik)

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

Bagaimana berkontribusi

Kami menyambut kontribusi dari semua orang. Berikut adalah langkah -langkah untuk berkontribusi:

Garpu repositori

1. Klik tombol 'Fork' di sudut kanan atas halaman repositori.

Klon Repositori

2. Klone repositori bercabang Anda ke mesin lokal Anda:

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

Buat cabang

3. Buat cabang baru untuk perubahan Anda:

   git switch -c " your-branch-name "

Membuat perubahan Anda

4. Buat perubahan Anda pada proyek. Ini mungkin termasuk mengedit file HTML, CSS, atau JavaScript.

Melakukan perubahan Anda

5. Tambahkan dan komit perubahan Anda dengan pesan komit yang bermakna:

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

Dorong ke GitHub

6. Dorong perubahan Anda ke repositori bercabang Anda:

   git push origin your-branch-name

Buat Permintaan Tarik

7. Buat permintaan tarik dari repositori bercabang Anda ke repositori asli. Klik tombol 'Tarik Permintaan Baru' di halaman Repositori Asli dan ikuti instruksi.

Struktur proyek

Berikut gambaran singkat struktur proyek:

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

Kontributor

Kami menghargai kontribusi individu -individu berikut: Kontributor

Ini baru permulaan! Saya berharap dapat memberikan kontribusi yang lebih bermakna dan berkolaborasi dengan komunitas yang luar biasa ini. Mari kita membangun sesuatu yang hebat bersama dan buat pemiju lengket yang terbaik! ❤️?

Lisensi

Proyek ini dilisensikan di bawah lisensi MIT. Lihat file lisensi untuk detailnya.