Mentee Selection Task

Software Engineering
Sisters in Tech by RISTEK 2023

Deadline: July 11th, 2023

Deskripsi Career Path Software Engineering

Portfolio Program Software Engineering bertujuan untuk membimbing mentees

dalam mempersiapkan portfolio web development. Kurikulum yang ada akan
memberikan pengalaman hands-on bagi mentee untuk belajar tech stack yang
umum digunakan di industri sebagai software engineer. Mentee akan didampingi
oleh mentor dan teaching assistants berpengalaman yang akan membimbing
dalam proses pengembangan project yang siap untuk dijadikan portfolio.

Selection Task(s)

a. Technical Task

Sebelum mengerjakan tugas ini, diharapkan peserta sudah pernah belajar:

- HTML
- CSS
- Javascript DOM

Jika belum, berikut beberapa referensi yang dapat dipelajari:

- https://www.youtube.com/watch?v=G3e-cpL7ofc
- https://www.youtube.com/playlist?list=PLFIM0718LjIWB3YRoQbQh82Z
ewAGtE2-3

Pada technical Task ini kalian ditugaskan untuk membuat sebuah website
yang terintegrasi dengan API tanpa menggunakan framework (hanya

1
HTML, CSS, JavaScript), kecuali CSS Framework diperbolehkan (Bootstrap,
tailwind, etc).

Tugas kalian adalah membuat tampilan website sistem blog dengan fitur
sebagai berikut:

a. Dapat memposting blog baru pada website kalian

b. Dapat menampilkan seluruh blog yang sudah kalian buat
c. Dapat mengubah blog yang sudah kalian buat
d. [OPTIONAL, BONUS NILAI] Terdapat sistem like pada setiap
postingan blog kalian (semua pengunjung website dapat
memberikan like pada postingan)

Selain itu, harus terdapat halaman tentang pembuat website (About me)
dengan kriteria sebagai berikut:
- Nama
- Foto profil
- Email
- Deskripsi diri

Backend telah disediakan sehingga kalian harus melakukan proses wiring

antara frontend dan backend. Manfaatkan link berikut.
Repository : https://github.com/RistekCSUI/sistech-api/
API : https://sistech-api.vercel.app/

Ada pula beberapa referensi yang dapat mempermudah kalian dalam

mengerjakan tugas ini.

Fetch API Guide : Using the Fetch API - Web APIs | MDN (mozilla.org)

CRUD API Fetch : Javascript Fetch API With CRUD operations

API integration : What is API and API integration? | API2Cart

Http headers : https://www.youtube.com/watch?v=1v7RoeXyww4

Kalian juga diminta untuk mendeploy website kalian, kalian dapat

2
 memanfaatkan platform deployment gratis (seperti vercel, heroku, netlify
dll). Kalian dibebaskan untuk berkreasi pada website kalian, buat
tampilannya semenarik mungkin.

Ketentuan Pengumpulan:
a. Unggah hasil pengerjaan technical task ke remote repository
GitHub/Gitlab (set visibility to public).

b. Tuliskan link menuju repository dan link aplikasi yang telah

di-deploy ke dalam dokumen pdf, serta berikan langkah pengerjaan
dalam menjalankan aplikasi yang sudah kamu buat

Dalam pengerjaan tugas ini, Anda tidak harus sempurna dalam

menjalankan setiap langkahnya. Jadi, santai saja dalam mengerjakannya,
ya. Usahakan untuk memenuhi semua requirements yang telah diberikan
di atas dan jangan takut salah! Jika ada pertanyaan terkait tugas, silakan
ditanya pada contact person di bawah ini. Semangat dan selamat
bekerja!

b. Curriculum Vitae
c. [Optional] RISTEK’s Social Media

Untuk mendapatkan informasi terbaru akan SISTECH dan juga program

serta produk dari RISTEK lainnya, ikuti media sosial kami pada tautan
berikut:

● IG : @ristek.csui
● LinkedIn : RISTEK Fakultas Ilmu Komputer UI

Screenshot buktinya dan masukkan pada sebuah folder baru dalam

Google Drive folder yang akan dikumpulkan.

Dalam pengerjaan tugas ini, kamu tidak harus sempurna dalam menjalankan
setiap langkahnya. Jadi, santai saja dalam mengerjakannya. Usahakan masukan
semua requirements yang telah diberikan di atas dan jangan takut salah! Jika
ada pertanyaan terkait tugas, silakan ditanya pada server Discord Sisters in Tech.

3
Semangat dan selamat bekerja!

Deliverables

Deadline Selasa, 11 Juli 2023 pukul 23:55 | Ketentuan Pengumpulan:

1. Buatlah sebuah folder Google Drive bernama PP_[PATH]_[Nama Panjang]

yang akan berisi semua tugas. Contoh: PP_Software Engineering_Giselle

2. Kumpulkan link folder Google Drive tersebut pada form yang telah
diberikan pada email atau server Discord. Pastikan folder tersebut dapat
diakses dengan mengubah pengaturan akses menjadi “Anyone with the
link can view”.

Contact Person

Naila
RISTEK Sisters in Tech
E-mail : nailazizah@ristek.cs.ui.ac.id

Phone : +62 851 5678 6129

Line ID : nailaazizahline