Idea Arca

---

Idea Arca

Idea ARCA (Latin: "Idea Vault") es un banco de ideas del proyecto. Desatar tu creatividad tecnológica. Descubra, colaboran y trae a la vida ideas innovadoras de proyectos en varios campos tecnológicos a través de este repositorio inspirador.

Pila de tecnología

Astro	SCSS	Json
Vid de YouTube	Vid de YouTube	Vid de YouTube

Después de pasar por estos videos, estará lo suficientemente calificado como para trabajar en nuestra base de código

Que contribuye

Aquí hay algunas formas en que puede contribuir a este proyecto:

• Agregar temas
• Agregar ideas
• Informe/corrige errores.
• Escribir documentación.
• Otros: implementar nuevas funciones, modificar UI/UX

Proceso de contribución

1. Hornilla : Bifurca este repositorio de GitHub a su propia cuenta de Github
2. Clon : Clon el repositorio bifurcado (el repositorio presente en su cuenta) a su máquina local.
3. Problema : cree un problema con respecto a la función en la que trabajará y le asignará el problema
4. Cambios : cree una nueva rama y comete sus cambios en esa rama.
5. Push : después de que se comprometan todos los cambios, presione sus cambios a su repositorio remoto.
6. PR : Después de empujar los cambios, eleva un PR de su repositorio remoto a la rama de desarrollo de este repositorio. En el PR, mencione el número de problema que cerrará.

Si eres nuevo en Git y GitHub, te sugeriré que primero pases por esto:

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

Si es nuevo en la fuente abierta, puede pasar: https://www.youtube.com/watch?v=yzevmecydce

---

Contribuciones

Los dos tipos principales de contribución se explican a continuación (Agregar tema, agregar ideas):

Agregar temas

Aquí estamos hablando del tema del sitio web. El proceso para agregar el tema es (después de la bifurcación y el clon):
Estamos mostrando un EG agregando un tema llamado test .

1. Agregue una nueva <option> en ./src/components/ThemeSelector.astro :

• Antes

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

• Después

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

2. Agregar un nuevo código class en ./src/styles/themes.scss :

El nombre de la clase es el valor dado al atributo value de su etiqueta <option> opción>

Aquí usamos:

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

Entonces nuestra clase es test .

• Antes

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

• Después

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

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

NOTA :

1. --primary-1 : se utiliza como fondo principal
2. --primary-3 : se usa principalmente mis textos importantes
3. --primary-4 : es utilizado por textos detallados
4. --sidenav : se reduce la opacidad de --primary-1 , solo ce de su --primary-1 ;
5. --gradient : este es un random color que se adapta al sitio web, es el color del círculo de gradiente en la parte superior del sitio web

Puede usar https://colorhunt.co/ para los 4 colores primarios, y elegir un buen color para el gradiente por su cuenta

Agregar ideas

Aquí estamos hablando de las ideas que se muestran en el sitio web. El proceso para agregar ideas es (después de la bifurcación y el clon):

Caso 1 : Agregar idea en la sección/campo existente

Estamos mostrando un ejemplo agregando una idea en la sección React .

1. Agregue su objeto en ./src/database/MainData.json dentro de los data de la sección 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' ,
      } ,
    ] ,
  } ,
] ;

• Después

 [
  {
    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 : Agregar idea en una nueva sección/campo

Estamos mostrando un ejemplo agregando una idea en una nueva sección Sectio: BackboneJs .

1. Agregue su nombre de sección en ./src/database/sections.json , para que su sección/campo aparezca en el panel de navegación izquierda:

• Antes

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

• Después

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

2. Agregue su objeto en ./src/database/MainData.json dentro de los data de la sección 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
] ;

• Después

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

NOTA :

1. section : los campos principales
2. link : debería ser un enlace que funcione y no rompiera. Puede ser un enlace del sitio web de Figma, alojado. Si su idea se basa en cualquier otro sitio web ya existente (puede ser Desings o cualquier función), proporcione ese enlace del sitio web.
3. *Toda la id en cada secciones debe ser única*