Giter Site home page Giter Site logo

bryanyehuda / websitefootballpwaworkbox Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 1.0 660 KB

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: MIT License

HTML 11.43% JavaScript 79.21% CSS 9.36%
website website-template website-design website-development service-worker workbox workbox-webpack-plugin json pwa pwa-app

websitefootballpwaworkbox's Introduction

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.

websitefootballpwaworkbox's People

Contributors

bryanyehuda avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

Forkers

tekmily

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.