Skip to content

This is a PWA Football Watch Website created using the Service Worker Workbox for the final submission of the class "Learn to Create Progressive Web Apps" Coding. In this class we learn how to start building a PWA website further by using API, Dynamic Caching, IDB, Backend, Push Notification using Firebase, and the Workbox Library.

License

Notifications You must be signed in to change notification settings

BryanYehuda/WebsiteFootballPWAWorkbox

Repository files navigation

Website Football PWA Workbox

English

This is a PWA Football Watch Website created using the Service Worker Workbox for the final submission of the class "Learn to Create Progressive Web Apps" Coding

In this class we learn how to start building a PWA website further by using API, Dynamic Caching, IDB, Backend, Push Notification using Firebase, and the Workbox Library.

  • Displays at least 2 pages that consume data from the football-data.org website. (fulfilled)
  • Can still be used even though the status is offline (apply cache). (fulfilled)
  • Has a data storage feature with indexed db (can add, display, and delete favorite teams, watching schedules, etc.) with a special page to display the stored data (so the total page is at least 3 pages). (fulfilled)
  • Can display push messages from server (for simulating push messages sent using Firebase Cloud Messaging) with payload. Provide a push.js file for sending messages with the payload in the sent zip file. (fulfilled)
  • Can be added to the homescreen. (fulfilled)
  • Has a splash screen. (fulfilled)
  • Using the Workbox Library. (fulfilled) What is required by Dicoding to pass this class The results of this submission get 4 stars out of 5 stars

You can see the website in action at my Instagram Reel

This Repository has MIT License.
This license allows the user to make any changes to the program code. This license only requires the user to include the license and author's copyright in the redistributed code and there is no prohibition against using the trademark of the original author. In addition, the user also has no right to sue the manufacturer when there is damage to the software

Bahasa

Ini adalah Website PWA Football Watch yang dibuat menggunakan Service Worker Workbox untuk submisi final kelas "Belajar Membuat Progressive Web Apps" Dicoding

Di kelas ini kita belajar untuk memulai membuat sebuah website PWA lebih lanjut dengan menggunakan API, Dynamic Caching, IDB, Backend, Push Notification menggunakan Firebase, dan Library Workbox

  • Menampilkan minimal 2 halaman yang mengonsumsi data dari website football-data.org. (Terpenuhi)
  • Tetap bisa dipakai meskipun status sedang offline (menerapkan cache). (Terpenuhi)
  • Memiliki fitur penyimpanan data dengan indexed db (bisa menambahkan, menampilkan, dan menghapus tim favorit, jadwal nonton, dsb.) dengan satu halaman khusus untuk menampilkan data yang disimpan (sehingga total halaman menjadi minimal 3 halaman). (Terpenuhi)
  • Dapat menampilkan pesan push dari server (untuk simulasi pesan push dikirim menggunakan Firebase Cloud Messaging) dengan payload. Sediakan fila push.js untuk pengiriman pesan dengan payload di dalam file zip yang dikirim. (Terpenuhi)
  • Dapat ditambahkan ke homescreen. (Terpenuhi)
  • Memiliki Splash Screen. (Terpenuhi)
  • Menggunakan Library Workbox. (Terpenuhi) Yang diharuskan oleh Dicoding agar lulus pada kelas ini
    Hasil submisi ini mendapatkan bintang 4 dari 5 bintang

Hasil pengerjaan dari website bisa dilihat pada Instagram Reel

Repository ini memiliki Lisensi MIT.
Lisensi ini membolehkan pengguna untuk melakukan perubahan apapun pada kode program. Lisensi ini hanya mewajibkan pengguna untuk menyertakan lisensi dan copyright pembuat pada kode yang didistribusikan ulang dan tidak ada larangan untuk menggunakan trademark dari pembuat asli. Selain itu pengguna juga tidak berhak untuk menuntut pembuat ketika terjadi kerusakan pada perangkat lunak tersebut.

About

This is a PWA Football Watch Website created using the Service Worker Workbox for the final submission of the class "Learn to Create Progressive Web Apps" Coding. In this class we learn how to start building a PWA website further by using API, Dynamic Caching, IDB, Backend, Push Notification using Firebase, and the Workbox Library.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published