Coaching Program Information Page

How to add materi?

Ada dua hal yang perlu diperhatikan untuk menambah/mengubah materi:

1. update json pada src/_data untuk menampilkan materi pada web
2. update file pada public/materi agar dapat didownload (Jika hanya menambah/mengubah link pada materi, step 2 tidak perlu dilakukan)

Pada folder public/materi, hanya ada boleh 3 main folder, yaitu web, mobile, dan game. Lalu masing-masing sub-folder pada ketiga folder utama tersebut, ditentukan sesuai dengan data yang ditulis pada src/_data.

Contoh

Untuk menambahkan materi pada bidang Web, buka file src/_data/3-webCurriculum.json, lalu ikuti format yang ada, seperti:

[
  {
    "title": "Pengenalan Javascript",
    "description": "Belajar dasar-dasar Javascript, tools yang digunakan, dan konsep-konsep dasar pemrograman.",
    "subFolder": "week1",
    "listFiles": ["Javascript.docx", "Javascript.pptx", "Javascript.txt"],
    "listLinks": [
      {
        "url": "https://example.com", // Url tujuan
        "name": "Video Pembelajaran"  // Nama yang akan ditampilkan di web
      },
    ]
  }
  {
    "title": "React.js Lanjutan",
    "description": "Belajar React Hooks, React Router, dan state management.",
    "subFolder": "", // contoh jika belum ada materi
    "listFiles": [],
    // "listLinks": [], // Jika belum ada link, listLinks tidak perlu dibuat
  }
]

Untuk contoh diatas, berarti pada public/materi, harus ada main folder web dan subfolder week1, jadi seperti ini: public/materi/web/week1, dan isi dari sub-folder tersebut harus sesuai dengan yang didaftarkan pada listFiles json diatas. Jika belum ada, maka kosongkan seperti contoh data kedua.

Note: Steps yang ditampilkan akan sesuai dengan format json yang dibuat (dari atas kebawah), begitu juga dengan posisi penamaan file pada property listFiles.

Note: Pastikan subFolder dan listFiles memiliki penamaan yang sama dengan folder dan file aslinya, karena ini case sensitive.

Setelah selesai, lakukan testing dengan melakukan download pada file, lalu PASTIKAN DENGAN MEMBUKA FILENYA, karena jika terjadi kesalahan pada nama file yang tidak cocok, browser akan tetap melakukan download, namun akan menjadi file kosongan (belum ada error handling untuk not exists file).

Development Setup

1. Use Bun as a runtime.

npm install -g bun

2. Run this command to start develop:

bun install # for the first time

bun run dev # for continous dev

3. Before push, make sure to run:

bun run lint

to check any eslint error, and run:

bun run build
bun run preview

to check for production web (THIS IS A MUST!).

4. PR to master branch from your created branch, and wait for a review and merge from product owner.