contribution cards

Cartões de contribuição

Os cartões de contribuição é um projeto divertido e interativo, onde você pode projetar e personalizar cartões HTML. Este projeto é uma maneira fantástica de aprender sobre contribuições de código aberto, melhorar seu HTML, CSS, JS, Git Skills e mostrar sua criatividade. Seja você iniciante ou um desenvolvedor experiente, há algo para você aqui! ?

Índice

• Começando
• Como contribuir
  • Fork o repositório
  • Clone o repositório
  • Crie uma filial
  • Faça suas alterações
  • Cometer suas mudanças
  • Empurre para o github
  • Crie um pedido de tração
• Estrutura do projeto
• Colaboradores
• Licença

Começando

Para começar com cartões de contribuição, siga estas etapas:

1. Garra este repositório : clique no botão 'Fork' no canto superior direito desta página.

2. Clone seu repositório bifurcado :

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

3. Navegue no diretório do projeto :

    cd contribution-cards

4. Open index.html no seu navegador para ver o projeto em ação e adicionar os dados no final do index.html no diretório raiz (altere o código no final de cada cartão para melhor compreensão da estrutura da base de código)
   Aqui está um exemplo (edite com seus detalhes)

    <!--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 no diretório css para atualizar a cor e a cor do fundo do seu cartão (adicione no final para uma melhor estrutura de codificação)
   

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

6. Open users.json no diretório data para atualizar os detalhes do seu cartão para a atualização auto-merge.yml (adicione no final para uma melhor estrutura de codificação)

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

Como contribuir

Congratulamo -nos com contribuições de todos. Aqui estão as etapas a serem contribuídas:

Fork o repositório

1. Clique no botão 'Fork' no canto superior direito da página do repositório.

Clone o repositório

2. Clone seu repositório bifurcado à sua máquina local:

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

Crie uma filial

3. Crie uma nova filial para suas alterações:

   git switch -c " your-branch-name "

Faça suas alterações

4. Faça suas alterações no projeto. Isso pode incluir arquivos de edição de HTML, CSS ou JavaScript.

Cometer suas mudanças

5. Adicione e comprometa suas alterações com uma mensagem de confirmação significativa:

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

Empurre para o github

6. Empurre suas alterações no seu repositório bifurcado:

   git push origin your-branch-name

Crie um pedido de tração

7. Crie uma solicitação de tração do seu repositório bifurcado para o repositório original. Clique no botão 'Nova solicitação de puxar' na página do repositório original e siga as instruções.

Estrutura do projeto

Aqui está uma breve visão geral da estrutura do projeto:

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

Colaboradores

Agradecemos as contribuições dos seguintes indivíduos: colaboradores

Este é apenas o começo! Estou ansioso para fazer contribuições mais significativas e colaborar com esta comunidade incrível. Vamos construir algo ótimo juntos e fazer com que o Memo Sticky seja o melhor que pode ser! ❤️?

Licença

Este projeto está licenciado sob a licença do MIT. Consulte o arquivo de licença para obter detalhes.