Sebuah Web App Katalog Restoran + PWA yang menerapkan Automation Test dan beberapa Optimisasi, dengan proses pengembangan menggunakan arsitektur Application Shell. Detail kriteria website sebagai berikut,
- Integration Test, Menerapkan integration test untuk fungsi menyukai dan batal menyukai restoran.
- End to End Test, Menerapkan End to End Test dengan skenario:
- Menyukai salah satu restoran.
- Batal menyukai restoran tersebut.
- Image Optimization, Dengan rinciannya :
- Melakukan kompresi terhadap gambar hero,
- Menerapkan teknik image responsive pada gambar hero,
- Resolusi gambar pada layar seluler dan desktop berbeda.
- Menerapkan teknik lazy loading pada gambar daftar restoran yang ditampilkan.
- Bundle Optimization,
- Memasang bundle analyzer pada proyek, dan
- Menggunakan teknik Code Splitting untuk memisahkan vendor code dari kode asli yang dituliskan.
- Mempertahankan responsibilitas dan segi aksesibilitas
npm install
npm run dev