Repository ini Berisi Aplikasi Web sederhana untuk melakukan pencarian dan detail dari suatu film.
Dibangun Menggunakan :
- ES6
- NPM
- Web Components
- Webpack
- Bootstrap
Instalasi Lingkungan Aplikasi :
- Download Repository Github MyMovies (.zip)
- Extract File .zip berisi repository MyMovies.
- Install package NPM menggunakan perintah : npm install.
- Daftar kan akun ada di http://www.omdbapi.com/ hingga mendapatkan API key.
- Ganti API Key pada file /src/script/data/movies.js.
- Jalankan perintah npm run start-dev untuk menjalankan Aplikasi Web mode development.
- Jalankan perintah npm run build untuk membuat aplikasi web untuk mode produksi.
Penggunaan :
- Jalankan Aplikasi dalam mode start-dev (Jika dalam mode build (dist/produksi) buka file index.html dalam folder dist dengan live server vscode)
- Masukan Keyword pada menu search lalu klik tombol search dan akan tampil sejumlah film dalam bentuk cards
- Setiap cards memiliki tombol detail dan klik tombol detail untuk melihat detail film
Note :
- OMDB API Delay 5-15 detik untuk pencarian Film atau detail Film Pertama kali dan 1-10 detik setelahnya.
- Penggunaan Bootstrap secara online dikarenakan popper js pada npm telah usang.
- Penggunaan jQuery hanya untuk Bootstrap. Pengelolaan CSS dan API menggunakan vanilla javascript.
Sosial Media :
- Facebook : https://www.facebook.com/refri.rifwan
- Instagram : https://www.instagram.com/refririfwan
- Twitter : https://twitter.com/refririfwan
- YouTube : https://www.youtube.com/channel/UCv1Xb5bV_sKwSPmlZkt7izw
- Blog : https://refririfwan.blogspot.com/
^_^