Idea Arca

---

Idée arca

Idea Arca (Latin: "Idea Vault") est une banque d'idées de projet. Libérez votre créativité technologique. Découvrez, collaborez et donnez vie aux idées de projet innovantes dans divers domaines technologiques grâce à ce référentiel inspirant.

Pile technologique

Astron	SCSS	Json
Vid youtube	Vid youtube	Vid youtube

Après avoir parcouru ces vidéos, vous êtes suffisamment qualifié pour travailler sur notre base de code

Contributif

Voici quelques façons de contribuer à ce projet:

• Ajouter des thèmes
• Ajouter des idées
• Rapport / corrige les bogues.
• Écrire la documentation.
• Autres: implémenter de nouvelles fonctionnalités, modifier l'interface utilisateur / ux

Processus de contribution

1. FORK : Fork ce repo github sur votre propre compte github
2. CLONE : Clone le référentiel fourchu (le repo présent sur votre compte) à votre machine locale.
3. Problème : créez un problème concernant la fonctionnalité sur laquelle vous travaillerez et obtenez le problème qui vous est attribué
4. Modifications : créez une nouvelle branche et engagez vos modifications sur cette branche.
5. Push : Une fois les modifications commises, poussez vos modifications à votre dépôt distant.
6. PR : Après avoir poussé les modifications, augmentez un PR de votre référentiel distant à la branche de développement de ce référentiel. Dans le PR Mentionnez le numéro de problème que vous fermerez.

Si vous êtes nouveau dans Git et Github, je vous suggère de passer par ceci:

1. VIDÉO YT (RECOMMANDÉ): https://www.youtube.com/watch?v=rgoj5yh7evk&pp=yguoz2l0igfuzcbnaxrodwi%3d
2. Docs: https://hacktoberfest.com/participation/#beginner-resources

Si vous êtes nouveau dans Open-Source, vous pouvez passer par: https://www.youtube.com/watch?v=yzevmecydce

---

Contributions

Les deux principaux types de contributions sont expliqués ci-dessous (ajouter le thème, ajouter des idées):

Ajouter des thèmes

Ici, nous parlons du thème du site Web. Le processus pour ajouter le thème est (après fourche et clone):
Nous montrons une EG en ajoutant un thème appelé test .

1. Ajoutez une nouvelle <option> dans ./src/components/ThemeSelector.astro :

• Avant

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

• Après

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

2. Ajout d'un nouveau code class dans ./src/styles/themes.scss :

Le nom de la classe est la valeur donnée à l'attribut value de votre balise <option>

Ici, nous avons utilisé:

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

Donc, notre classe est test .

• Avant

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

• Après

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

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

NOTE :

1. --primary-1 : est utilisé comme arrière-plan principal
2. --primary-3 : est principalement utilisé mes textes importants
3. --primary-4 : est utilisé par des textes détaillés
4. --sidenav : est une réduction de l'opacité de --primary-1 , il suffit d'ajouter ce de votre --primary-1 ;
5. --gradient : Il s'agit d'une random color qui convient au site Web, c'est la couleur du cercle de dégradé en haut du site Web

Vous pouvez utiliser https://colorhunt.co/ pour les 4 couleurs primaires, et choisir une belle couleur pour le dégradé par vous-même

Ajouter des idées

Ici, nous parlons des idées affichées sur le site Web. Le processus pour ajouter des idées est (après fourche et clone):

Cas 1 : Ajouter une idée dans la section / champ existant

Nous montrons un exemple en ajoutant une idée dans la section React .

1. Ajoutez votre objet dans le ./src/database/MainData.json dans la section data of React:

• Avant

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

• Aprè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' ,
      } ,
    ] ,
  } ,
] ;

Cas 2 : Ajouter une idée dans une nouvelle section / champ

Nous montrons un exemple en ajoutant une idée dans une nouvelle section Sectio: BackboneJs .

1. Ajoutez votre nom de section dans ./src/database/sections.json , pour faire apparaître votre section / champ dans le panneau de navigation de gauche:

• Avant

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

• Après

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

2. Ajoutez votre objet dans le ./src/database/MainData.json dans la section data of React:

• Avant

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

• Aprè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' ,
      } ,
    ] ,
  } ,
] ;

NOTE :

1. section : les principaux champs
2. link : ce devrait être un lien qui fonctionne et non brisé. Il peut s'agir d'un lien de site Web hébergé Figma. Si votre idée est basée sur tout autre site Web déjà existant (peut être des dessins ou n'importe quelle fonctionnalité), fournissez ce lien de site Web.
3. * Tous les id de chaque sections doivent être uniques *