Technical Test Frontend Hara Anargya

Installation

Fork Repo ini
Clone Repo ini
npm i

Tugas 1

Buatlah Website seperti di Mockup (Gunakan Composistion API!)

Gunakan Tailwind CSS untuk styling
pada tabel User List gunakan data dari endpoint https://api.slingacademy.com/v1/sample-data/users
Buat komponen dialog(pop up) yang reusable
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/plugin/module lainya, manfaatkan package/plugin/module 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 (didalam project)

Buatlah fungsi yang menerima id provinsi dan mengembalikan daftar kota berdasarkan id provinsi tersebut
Buatlah fungsi untuk mengembalikan nama provinsi berdasakrkan id kota
Buatlah fungsi untuk mengurutkan array provinsi berdasarkan id & nama provinsi (asc/desc)
Buat UI dari ke 3 fungsi diatas dihalaman Overview, buat design sendiri sebagus mungkin. pamerkan skill anda sebagai frontend developer

Pengumpulan Tugas

Tulis nama lengkap dan email pada readme.md repository yang di fork. kirim link repository ke email [email protected]

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