Idea Arca

---

Идея Arca

Idea Arca (латинская: «Идея Vault») - это банк Project Idea. Выпустите свое технологическое творчество. Откройте для себя, сотрудничайте и воплотите в жизнь инновационные идеи проекта в различных технических областях через это вдохновляющее хранилище.

Технический стек

Астро	SCSS	Json
YouTube VID	YouTube VID	YouTube VID

После просмотра этих видео вы достаточно квалифицированы, чтобы работать над нашей кодовой базой

Внося

Вот несколько способов внести свой вклад в этот проект:

• Добавить темы
• Добавить идеи
• Отчет/исправить ошибки.
• Написать документацию.
• Другие: реализуйте новые функции, измените пользовательский интерфейс/ux

Процесс вклада

1. Форк : разветвляй эту репозиту
2. Клон : клонировать раздробленное репо (репо, присутствующее на вашей учетной записи) на местную машину.
3. Проблема : Создайте проблему, касающуюся функции, над которой вы будете работать, и получите задачу вам проблему
4. Изменения : Создайте новую филиал и совершите свои изменения в этой ветви.
5. Push : после того, как все изменения вступают в изменения, вставьте свои изменения в ваше удаленное репо.
6. PR : После продвижения изменений поднимите пиар из вашего удаленного репо до филиала Dev Repo. В PR упоминайте номер выпуска, который вы будете закрывать.

Если вы новичок в GIT и GitHub, я предложу вам сначала пройти через это:

1. Yt video (рекомендуется): 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 .

1. Добавить новый <option> in ./src/components/ThemeSelector.astro :

• До

 < 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. Добавление нового кода class в ./src/styles/themes.scss :

Имя класса - это значение, придаемое атрибуту value вашего тега <option>

Здесь мы использовали:

 < 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. Добавьте data объект в ./src/database/MainData.json

• До

 [
  {
    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 : добавление идеи в новом разделе/поле

Мы показываем пример, добавив идею в новом разделе Seciote: BackboneJs .

1. Добавьте имя вашего раздела в ./src/database/sections.json , чтобы ваш раздел/поле появился на левой навигационной панели:

• До

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

• После

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

2. Добавьте data объект в ./src/database/MainData.json

• До

 [
  {
    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 : это должна быть работающая, не сломанная ссылка. Это может быть фигма, размещенная ссылка на веб -сайт. Если ваша идея основана на любом другом уже существующем веб -сайте (может быть пожеланиями или любой функцией), предоставьте ссылку на веб -сайт.
3. *Все id в каждой разделах должны быть уникальными*