Who and what is it for?
IDCamp is a cooperation program between the Indosat Ooredoo Hutchison and Dicoding Indonesia to provide a developer learning path scholarship. I joined them as a student on a Front-end Web Developer learning path in 2020 and passed the intermediate-expert level in the "Building Progressive Web Apps" class with this app as the final project assignment.
Challenges
In this class, the final project assigned to every student was to "build a PWA with workbox" using these terms:
- Has a minimum of 2 pages containing data from the football-data.org API.
- Using the cache method to enable offline access.
- Able to do the CRUD operations on the data saved in the IndexedDB.
- Able to show push messages from the server using Firebase Cloud Messaging.
- Could be installed like an app.
- Shows a splash screen.
- Apply service worker using workbox.
- Deploy the PWA to the static site hosting.
How the project went?
My submission got rejected once because the offline access failed and the service worker won't get installed, but no excuse to give up, so I fixed those problems based on some advice from the reviewer. Then finally, my submission passed the review phase, which means I successfully passed this "Building Progressive Web App" class.
Who and what is it for?
IDCamp adalah program kerjasama antara Indosat Ooredoo Hutchison dan Dicoding Indonesia untuk menghadirkan beasiswa developer learning path yang salah satunya adalah Front-end Web Developer learning path. Saya mendapatkan kesempatan menjadi salah satu peserta di tahun 2020, dan berhasil mencapai intermediate-expert level pada kelas “Membangun Progressive Web Apps” dengan membuat aplikasi ini sebagai final project.
Challenges
Pada kelas ini, tugas akhir yang perlu diselesaikan oleh para peserta adalah “Membuat PWA dengan Workbox” dengan ketentuan:
- Menampilkan minimal dua halaman dengan konten data yang berasal dari API milik football-data.org.
- Offline access dengan menerapkan metode cache.
- Fitur CRUD pada data yang disimpan dengan IndexedDB.
- Dapat menampilkan pesan push dari server (untuk simulasi pesan push dikirim menggunakan Firebase Cloud Messaging).
- Dapat di-install ke home screen pada smartphone.
- Menampilkan splash screen.
- Menerapkan service worker berbasis Workbox.
- Deploy ke static site hosting.
How the project went?
Submission tugas saya sempat ditolak satu kali karena fitur offline access tidak berjalan dan service worker yang gagal di-install, namun saya tidak menyerah, saya kembali memperbaiki kekurangan-kekurangan tersebut dengan berbekal masukan dari reviewer. Barulah setelah itu, submission tugas saya berhasil lolos tahap review dan saya dinyatakan lulus dari kelas “Membangun Progressive Web Apps” ini.