/technical-test-hara-anargya

Primary LanguageJavaScript

Technical Test Frontend Hara Anargya

Info

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 (didalam project)

  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 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 dev@anargya.co.id

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