Idea Arca

---

Ide Arca

Idea ARCA (Latin: "Idea Vault") adalah bank ide proyek. Lepaskan kreativitas teknologi Anda. Temukan, berkolaborasi, dan membawa ide -ide proyek inovatif hidup di berbagai bidang teknologi melalui repositori inspirasional ini.

Tumpukan teknologi

Astro	SCSS	Json
Vid YouTube	Vid YouTube	Vid YouTube

Setelah melalui video ini, Anda cukup memenuhi syarat untuk mengerjakan basis kode kami

Berkontribusi

Berikut adalah beberapa cara Anda dapat berkontribusi pada proyek ini:

• Tambahkan tema
• Tambahkan ide
• Laporkan/perbaiki bug.
• Tulis dokumentasi.
• Lainnya: Menerapkan fitur baru, memodifikasi UI/UX

Proses kontribusi

1. FORK : FORK REPO GITHUB ini ke akun GitHub Anda sendiri
2. Klon : Kloning repo forked (repo hadir di akun Anda) ke mesin lokal Anda.
3. Masalah : Buat masalah mengenai fitur yang akan Anda kerjakan dan mendapatkan masalah yang ditugaskan kepada Anda
4. Perubahan : Buat cabang baru dan lakukan perubahan Anda di cabang itu.
5. Dorong : Setelah semua perubahan dilakukan, dorong perubahan Anda ke repo jarak jauh Anda.
6. PR : Setelah mendorong perubahan, angkat PR dari repo jarak jauh Anda ke cabang dev repo ini. Di PR menyebutkan nomor masalah yang akan Anda tutup.

Jika Anda baru mengenal git dan github, saya akan menyarankan Anda terlebih dahulu melalui ini:

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

Jika Anda baru mengenal open-source, maka Anda dapat melewati: https://www.youtube.com/watch?v=yzevmecydce

---

Kontribusi

Dua jenis kontribusi utama dijelaskan di bawah ini (tambahkan tema, tambahkan ide):

Tambahkan tema

Di sini kita berbicara tentang tema untuk situs web. Proses untuk menambahkan tema adalah (setelah garpu dan klon):
Kami menunjukkan EG dengan menambahkan tema yang disebut test .

1. Tambahkan <option> baru di ./src/components/ThemeSelector.astro :

• Sebelum

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

• Setelah

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

2. Menambahkan kode class baru di ./src/styles/themes.scss :

Nama kelas adalah nilai yang diberikan ke atribut value tag <option> Anda

Di sini kami menggunakan:

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

Jadi kelas kami adalah test .

• Sebelum

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

• Setelah

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

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

CATATAN :

1. --primary-1 : digunakan sebagai latar belakang utama
2. --primary-3 : Sebagian besar digunakan teks penting saya
3. --primary-4 : digunakan oleh teks terperinci
4. --sidenav : mengurangi opacity- --primary-1 , cukup tambahkan ce - --primary-1 Anda;
5. --gradient : Ini adalah random color yang sesuai dengan situs web, ini adalah warna lingkaran gradien di atas situs web

Anda dapat menggunakan https://colorhunt.co/ untuk 4 warna primer, dan pilih warna yang bagus untuk gradien sendiri

Tambahkan ide

Di sini kita berbicara tentang ide -ide yang ditampilkan di situs web. Proses untuk menambahkan ide adalah (setelah garpu dan klon):

Kasus 1 : Menambahkan ide di bagian/bidang yang ada

Kami menunjukkan contoh dengan menambahkan ide di bagian React .

1. Tambahkan objek Anda di ./src/database/MainData.json di dalam data bagian React:

• Sebelum

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

• Setelah

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

Kasus 2 : Menambahkan ide di bagian/bidang baru

Kami menunjukkan contoh dengan menambahkan ide di bagian Sectio: BackboneJs baru.

1. Tambahkan nama bagian Anda di ./src/database/sections.json , untuk membuat bagian/bidang Anda muncul di panel navigasi kiri:

• Sebelum

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

• Setelah

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

2. Tambahkan objek Anda di ./src/database/MainData.json di dalam data bagian React:

• Sebelum

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

• Setelah

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

CATATAN :

1. section : Bidang Utama
2. link : Itu harus menjadi tautan yang berfungsi dan tidak rusak. Ini bisa berupa tautan situs web Figma, yang di -host. Jika ide Anda didasarkan pada situs web lain yang sudah ada (dapat berupa desing atau fitur apa pun), maka berikan tautan situs web itu.
3. *Semua id di setiap bagian harus unik*