/Starter-Frontend-Level-2-

Starter Frontend Level 2 : Menampilkan list kontak dari API Vue

Primary LanguageVueMIT LicenseMIT

Devcode Starter using Vue Level 2

Hasil Akhir yang Diharapkan

Peserta dapat mengambil data kontak dari api dan menampilkannya dalam bentuk list pada halaman contacts

Setup Environment

  1. Download source code melalui link yang telah disediakan dari halaman assesment
  2. Extract source code yang sudah terdownload pada perangkat anda
  3. Buka source code yang sudah diextract menggunakan Code Editor, contoh Visual Studio Code
  4. Jalankan npm install pada terminal
  5. Jalankan npm run serve pada terminal
  6. Akses localhost:8080 pada browser

Instruksi Pengerjaan

  1. Selesaikan semua TODO yang terdapat pada file store/index.js, ContactManagerView.vue
  2. Buat online repository di Github (Jika belum memiliki akun Github, silahkan daftar disini)
  3. Push project ke online repository yang sudah anda buat
  4. Deploy project ini ke Hosting yang anda miliki atau bisa juga menggunakan layanan hosting gratis seperti Vercel (Jika belum memiliki akun Vercel, silahkan daftar disini)

Untuk Dokumentasi API yang digunakan pada challenge ini dapat diakses disini.

Teknologi yang Digunakan

  1. Vue.js
  2. Vuex
  3. Vue-Router
  4. Jest
  5. Axios