benifitrio / dunia-bola

example Implementations progressive web app (PWA) in website football.

Dunia Bola

Final Submission dari Kelas Membangun Progressive Web Apps (MPWA) - di Dicoding.

Web App ini digunakan untuk melihat data klasemen dari 12 liga ternama di seluruh dunia, data diambil dari Football.data.org. Tidak hanya terbatas pada klasemen saja, berikut fitur lainnya:

List of League menampilkan 12 liga. Detail Team menampilkan detail tim dari setiap liga (nama, tahun berdiri, venue, alamat). Next Match menampilkan pertandingan yang akan datang dari setiap Team (menampilkan pertandingan selanjutnya beserta Hari, Tanggal dan Waktu yang sudah diconvert ke lokal dg fungsi toLocalDateString('en-GB', options) dg penulisan style british). Favorite add Team kesayangan ke Local Storage agar tidak susah mencari jika ingin melihat detail, pertandingan terakhir dan pertandingan selanjutnya. Cukup simpan team favorite, dan cek dihalaman Favorite.

---

What is Progressive Web Apps

Progressive Web Apps (PWA) is a new technology that creates a middle ground between a website and a mobile app. They are installed on the phone like a normal app (web app) and can be accessed from the home screen.

Users can come back to your website by launching the app from their home screen and interact with your website through an app-like interface. Your return visitors will experience almost-instant loading times and enjoy the great performance benefits of your PWA!

---

Support the project

How to use

• npm install (mode production)
• npm run dev (mode development)
• deploy (deploy to dist folder)

---

Built With

• Football.data.org
• Materiallize css
• ProgressiveWeb App (PWA)
• Feture IndexedDB
• Web Push
• HTML
• CSS
• Javascript
• Webpack
• Eslint

---

More

Website : https://worldball-390fe.web.app/
Twitter: @bendafit Instagram : @bendafit
WhatsApp : [phone]
Email : [email protected]