Idea Arca

---

Ideia arca

IDEA ARCA (Latin: "Idea Vault") é um banco de ideias de projeto. Liberte sua criatividade tecnológica. Descubra, colabore e traga à vida idéias inovadoras de projetos em vários campos de tecnologia através deste repositório inspirador.

Pilha de tecnologia

Astro	SCSS	JSON
VID do YouTube	VID do YouTube	VID do YouTube

Depois de passar por esses vídeos, você é qualificado o suficiente para trabalhar em nossa base de código

Contribuindo

Aqui estão algumas maneiras de contribuir com este projeto:

• Adicione temas
• Adicione idéias
• Relatório/Corrija Bugs.
• Escreva documentação.
• Outros: Implemente novos recursos, modifique a UI/UX

Processo de contribuição

1. Garfo : Fork este repo do Github para sua própria conta do GitHub
2. Clone : ​​clone o repositório bifurcado (o repositório presente em sua conta) para sua máquina local.
3. Problema : Crie um problema sobre o recurso em que você estará trabalhando e obterá o problema atribuído a você
4. Alterações : Crie uma nova ramificação e cometida suas alterações nessa ramificação.
5. Push : Depois que todas as alterações forem cometidas, empurre suas alterações no seu repositório remoto.
6. PR : Depois de aumentar as mudanças, levante um PR do seu repositório remoto para a filial do dev de repo. Na mencionação do PR, o número da questão que você estará fechando.

Se você é novo no Git e no Github, sugiro que você passasse por isso:

1. YT Video (recomendado): https://www.youtube.com/watch?v=rgoj5yh7evk&pp=yguoz2l0igfuzcbnaxrodwi%3d
2. DOCs: https://hacktoberfest.com/participation/#beginner-sources

Se você é novo em fonte aberta, pode passar por: https://www.youtube.com/watch?v=yzevmecydce

---

Contribuições

Os dois principais tipos de contribuição são explicados abaixo (Adicionar tema, Adicionar idéias):

Adicione temas

Aqui estamos falando sobre o tema do site. O processo para adicionar tema é (após o garfo e o clone):
Estamos mostrando um por exemplo, adicionando um tema chamado test .

1. Adicione um novo <option> em ./src/components/ThemeSelector.astro :

• Antes

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

• Depois

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

2. Adicionando um novo código class em ./src/styles/themes.scss :

Nome da classe é o valor dado ao atributo value da sua tag <option>

Aqui usamos:

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

Portanto, nossa classe é test .

• Antes

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

• Depois

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

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

OBSERVAÇÃO :

1. --primary-1 : é usado como o fundo principal
2. --primary-3 : é usado principalmente meus textos importantes
3. --primary-4 : é usado por textos detalhados
4. --sidenav : é reduzida a opacidade de --primary-1 , apenas ce o seu --primary-1 ;
5. --gradient : esta é uma random color que se adapta ao site, é a cor do círculo de gradiente no topo do site

Você pode usar https://colorhunt.co/ para as 4 cores primárias e escolher uma cor agradável para gradiente por conta própria

Adicione idéias

Aqui estamos falando sobre as idéias exibidas no site. O processo para adicionar idéias é (após o garfo e o clone):

Caso 1 : Adicionando idéia na seção/campo existente

Estamos mostrando um exemplo adicionando uma idéia na seção React .

1. Adicione seu objeto no ./src/database/MainData.json dentro da seção data do React:

• Antes

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

• Depois

 [
  {
    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' ,
      } ,
    ] ,
  } ,
] ;

Caso 2 : Adicionando ideia em uma nova seção/campo

Estamos mostrando um exemplo adicionando uma idéia em uma nova seção Sectio: BackboneJs .

1. Adicione o nome da sua seção em ./src/database/sections.json , para fazer sua seção/campo aparecer no painel de navegação esquerda:

• Antes

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

• Depois

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

2. Adicione seu objeto no ./src/database/MainData.json dentro da seção data do React:

• Antes

 [
  {
    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
] ;

• Depois

 [
  // 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' ,
      } ,
    ] ,
  } ,
] ;

OBSERVAÇÃO :

1. section : os principais campos
2. link : deve ser um link funcional e não quebrado. Pode ser um figma, link de site hospedado. Se a sua ideia se basear em qualquer outro site já existente (pode ser dess ou qualquer recurso), forneça o link do site.
3. *Todo o id em cada seção deve ser único*