Technical Test Frontend Hara Anargya Indonesia

Installation

• Fork Repo ini
• Clone Repo ini
• npm i

Tugas 1

Buatlah Website seperti di Mockup (Gunakan Composistion API!)

1. Gunakan Tailwind CSS untuk styling
2. pada tabel User List gunakan data dari endpoint https://api.slingacademy.com/v1/sample-data/users
3. Buat komponen dialog(pop up) yang reusable
4. munculkan dialog ketika klik button view detail pada table dan tampilkan informasi user yang dipilih pada dialog

Ketentuan lainya

• manfaatkan v-if/v-show, props, emit
• tidak diperkenankan untuk menambah/menginstall package lainya, maanfaktakn package yang sudah ada di package.json
• pada komponen dialog, gunakan tag <transition>
• baca komentar pada Mockup untuk informasi detail lainya

Tugas 2

diberikan 2 file js yaitu province.js dan city.js

1. Buatlah fungsi yang menerima id provinsi dan mengembalikan daftar kota berdasarkan id provinsi tersebut
2. Buatlah fungsi untuk mengembalikan nama provinsi berdasakrkan id kota
3. Buatlah fungsi untuk mengurutkan array provinsi berdasarkan id & nama provinsi (asc/desc)
4. Buat UI dari ke 3 fungsi diatas

Pengumpulan Tugas

kirim link repository ke email [email protected]

Jika ada pertanyaan, silakan open issue pada repo ini ya! Happy Coding! 🔥