Buatlah sebuah project Vue yang dapat men-generate gambar avatar, dengan memanfaatkan layanan Robohash (https://robohash.org/). Robohash merupakan layanan web untuk menampilkan gambar acak (robot, monster, alien atau kucing) berdasarkan input teks.
Alur kerjanya sederhana: user dapat memasukkan random teks ke dalam textbox input, kemudian gambar avatar akan muncul usai user menekan tombol.
Catatan: Deploy project ke Firebase Hosting. Commit/upload project ini ke akun Github Anda dengan nama repo: Profile_Picture_Generator. Salin file App.js aplikasi ini ke dalam format .txt, sertakan pula link url ke repo Github project & link url hasil deploy. Kemudian kirimkan via email ke [email protected] dengan subject email: Front-Soal1-namaAnda.
Buatlah sebuah project Vue yang menampilkan kumpulan lelucon dari Joke API (https://github.com/15Dkatz/official_joke_api). Tampilkan dalam bentuk Card Bootstrap, lengkap dengan tombol Reload untuk merefresh page.
GET https://safe-falls-22549.herokuapp.com/random_joke
Catatan: Deploy project ke Heroku. Commit/upload project ini ke akun Github Anda dengan nama repo: Dad_Jokes. Salin file App.js aplikasi ini ke dalam format .txt, sertakan pula link url ke repo Github project & link url hasil deploy. Kemudian kirimkan via email ke [email protected] dengan subject email: Front-Soal2-namaAnda.
Buatlah sebuah aplikasi Vue yang memanfaatkan info seputar Bitcoin dari Blockchain Exchange Rates API (https://blockchain.info/api/exchange_rates_api), dengan persyaratan sebagai berikut:
-
Gunakan navigasi Vue-Router-DOM
- Aplikasi terdiri atas 3 halaman utama: halaman info harga Bitcoin, halaman konversi Rupiah ke Bitcoin dan halaman konversi Bitcoin ke Rupiah. Gunakan Route untuk membuat path bagi setiap halaman.
-
Gunakan Blockchain API
-
Halaman pertama (info harga Bitcoin) menyajikan harga jual & harga beli Bitcoin terhadap 5 mata uang asing: Dollar Australia (AUD), Euro Eropa (EUR), Poundsterling Inggris (GBP), Yen Jepang (JPY) dan Dollar Amerika (USD). Gunakan Exchange Rates API yang disediakan Blockchain.info. Untuk mendapatkan semua data harga Bitcoin terhadap beberapa mata uang asing, gunakan:
GET https://blockchain.info/ticker
-
Halaman kedua (konversi Rupiah ke Bitcoin) menyajikan fitur bagi user untuk mengkonversi Rupiah menjadi Bitcoin, dengan catatan 1 USD setara dengan Rp 14.000,-. Gunakan Bitcoin Conversion API yang disediakan Blockchain.info. Sebagai contoh, untuk mengkonversi 500 USD menjadi harga Bitcoin, gunakan:
GET https://blockchain.info/tobtc?currency=USD&value=500
-
Halaman ketiga (konversi Bitcoin ke Rupiah) menyajikan fitur bagi user untuk mengkonversi Bitcoin menjadi Rupiah, dengan catatan 1 USD setara dengan Rp 14.000,-. Gunakan Bitcoin Conversion API yang disediakan Blockchain.info, yang sudah Anda pakai sebelumnya.
Catatan: Mata uang Indonesia (IDR/Rupiah) tidak termasuk dalam data yang disediakan oleh API Blockchain.info. Jadi, silakan modifikasi data yang Anda dapat dari API tersebut dengan algoritma yang sesuai.
-
Catatan: Deploy project ke Netlify. Commit/upload project ini ke akun Github Anda dengan nama repo: Vue_Bitcoin. Salin file App.js aplikasi ini ke dalam format .txt, sertakan pula link url ke repo Github project & link url hasil deploy. Kemudian kirimkan via email ke [email protected] dengan subject email: Front-Soal3-namaAnda.
#HappyCoding