Idea Arca

---

创意Arca

Idea Arca（拉丁语：“ Idea Vault”）是项目思想库。释放您的技术创造力。通过这个鼓舞人心的存储库在各种技术领域中发现，合作并为生活创新的项目思想带来了创新的项目思想。

技术堆栈

太空人	SCSS	JSON
YouTube vid	YouTube vid	YouTube vid

经过这些视频后，您有资格在我们的代码库上工作

贡献

您可以为该项目做出贡献的一些方法：

• 添加主题
• 添加想法
• 报告/修复错误。
• 写文档。
• 其他：实施新功能，修改UI/UX

贡献过程

1. 叉子：将此github存储库分叉到您自己的github帐户
2. 克隆：克隆分叉的存储库（您的帐户中存在的存储库）到您的本地机器。
3. 问题：创建有关您将要处理的功能并将问题分配给您的问题的问题
4. 更改：创建一个新的分支，并在该分支上提交您的更改。
5. 推送：完成所有更改后，将更改推向远程存储库。
6. PR ：推动更改后，将PR从远程存储库提高到此仓库的开发分支。在公关中，您将关闭的问题编号。

如果您是Git和Github的新手，我建议您首先经历：

1. YT视频（推荐）：https：//www.youtube.com/watch?v=rgoj5yh7evk&pp=yguoz2l0igfuzcbnaxrodwi%3D
2. 文档：https：//hacktoberfest.com/participation/#beginner-resources

如果您是开源的新手，那么您可以通过：https：//www.youtube.com/watch?v=yzevmecydce

---

贡献

下面解释了两种主要贡献类型（添加主题，添加想法）：

添加主题

在这里，我们谈论网站的主题。添加主题的过程是（叉子和克隆之后）：
我们通过添加一个称为test的主题来显示EG。

1. 在./src/components/ThemeSelector.astro中添加新的<option> ：

• 前

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

• 后

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

2. 在./src/styles/themes.scss中添加新的class代码：

类的名称是给您<option>标签的value属性的值

我们在这里使用了：

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

所以我们的班级是test 。

• 前

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

• 后

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

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

笔记 ：

1. --primary-1 ：用作主要背景
2. --primary-3 ：主要使用我的重要文本
3. --primary-4 ：由详细的文本使用
4. --sidenav ：降低了--primary-1的不透明度，只是ce您的--primary-1 ;
5. --gradient ：这是一种适合网站的random color ，它是网站顶部的渐变圆的颜色

您可以将https://colorhunt.co/用于4种原色，然后选择一个不错的颜色作为您自己的渐变

添加想法

在这里，我们谈论网站上显示的想法。添加想法的过程是（叉子和克隆之后）：

案例1 ：在现有部分/字段中添加想法

我们通过在React部分中添加一个想法来展示一个示例。

1. 在./src/database/MainData.json中添加您的对象在React部分的data中：

• 前

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

• 后

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

案例2 ：在新部分/字段中添加想法

我们通过在新的sectio中添加一个想法来展示一个示例： BackboneJs部分。

1. 在./src/database/sections.json中添加您的部分名称，以使您的部分/字段出现在左导航面板中：

• 前

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

• 后

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

2. 在./src/database/MainData.json中添加您的对象在React部分的data中：

• 前

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

• 后

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

笔记 ：

1. section ：主要领域
2. link ：它应该是一个工作的，不间断的链接。它可以是FIGMA，托管网站链接。如果您的想法是基于其他已经存在的网站（可以是后卫或任何功能），请提供该网站链接。
3. *每个部分中的所有id都必须是唯一的*