Selamat malam pak Dhika dan mahasiswa WPU semuanya. Saya Eris Sulistina yang kemarin-kemarin showcase AlpineJS. Kali ini saya masih bersama AlpineJS. Yang membedakan pada projek ini adalah penggunaan API pada AlpineJS.
Aplikasi ini bernama Alpine-Movie. Aplikasi ini cloningan dari wpu-movie tapi dengan sedikit upgrade dan menggunakan AlpineJS. API film berasal dari OMDB.
Awalnya saya ingin mengimplementasikan .env untuk mengamankan apikey punya saya, tapi setelah mencari tahu kesana-kemari ternyata solusinya harus install package. Karena saya tidak menginginkan install package lain, maka saya terpaksa mengurungkan niat dan membiarkan apikey terlihat.
Kebiasaan saya dalam ngoding biasanya mendahulukan bereksperimen membuat codingan yang menurut saya ragu apakah saya bisa membuatnya atau tidak sebelum ke desain. Dalam projek ini, saya bereksperimen fetch API, print API, dan yg berhubungan dengan API lainnya. Pada proses ini berulang kali saya menemukan error karena kurang pengetahuan terkait API dan fetch API pada Javascript. hampir saja saya menyerah. Tapi karena saya menyukai AlpineJS, saya enjoy mengerjakannya.
Ngoding pakai AlpineJS menyenangkan loh (iklan, hehe)
Pada proses convert design bootstrap ke Tailwind tentunya menjadi tantangan tersendiri. Tapi karena saya menyukai Tailwind, saya enjoy mengerjakannya.
Perihal sedikit upgrade, saya menambahkan skeleton pada list movies dan modal movie
- AlpineJS
- TailwindCSS
- API: omdbAPI
Repo: https://github.com/sejutaimpian/alpine-movie
Demo: https://alpine-movie.kid.my.id/
- Dikarenakan apikey saya terlihat, dimohon untuk tidak dimanfaatkan tanpa seizin saya karena saya punya beberapa ide projek bersama omdb
- Dimohon untuk tidak mengunjungi website Demo pada hari Sabtu (hari showcase projek) karena takutnya limitku habis dan tidak terpresentasikan oleh pak Dhika