🍽️ Kulinary - Kuliner Nyentrik

Projek ini merupakan submission untuk kelas Menjadi Front-End Web Developer Expert dari Dicoding pada beasiswa DBS Foundation Coding Camp 2024.

⚠️ PERINGATAN: Jadikan repositori ini sebagai rujukan/referensi.

• Sesuai dengan terms of use di Dicoding, submission kelas Dicoding Academy haruslah hasil karya Anda sendiri.
• Kode yang didapatkan dari sumber lain (website, buku, forum, GitHub, dan lain-lain) hanya digunakan sebagai referensi. Tingkat kesamaannya tidak boleh lebih dari 70%.

---

📋 Daftar Isi

1. ✨ Features
   • Submission 1
   • Submission 2
   • Submission 3
2. 🛠 Tech Stack
3. 🚀 Jalankan Di Lokal
4. 🌐 Telah Mengudara
5. 👤 Author

---

✨ Features

🛠️ Submission 1

• App Bar (Navigation Bar)

  • Menampilkan nama aplikasi atau brand logo dari aplikasi katalog restoran.
  • Navigation menu:
    • Home → mengarah ke root domain.
    • Favorite → target URL cukup bernilai #.
    • About Us → mengarah ke profil LinkedIn/GitHub/Social Media Anda.
  • Navigation drawer responsif pada layar seluler.

• Hero Element (Jumbotron Element)

  • Full-width gambar untuk semua layar.

• Daftar Restoran

  • Menampilkan informasi wajib (Nama, Gambar, dll.).

• Footer & Responsibilitas Tampilan

  • Hak cipta dan desain responsif.

🛠️ Submission 2

• API Integration

  • Data restoran dari API restaurant-api.dicoding.dev.

• Offline & PWA Support

  • Mendukung mode offline dan fitur Add to Home Screen.

• Halaman Detail Restoran

  • Menampilkan detail lengkap restoran.

• Favorit dan IndexedDB

  • Favoritkan restoran, disimpan di IndexedDB.

🛠️ Submission 3

• Testing

  • Integration dan End-to-End Test.

• Image Optimization

  • Gambar hero dikompresi (<200KB).

• Bundle Optimization

  • Teknik Code Splitting.

---

🛠 Tech Stack

Technology	Description
HTML5	Markup untuk konten
CSS3	Styling dan layout
JavaScript (ES6+)	Fungsionalitas interaktif
IndexedDB	Menyimpan favorit di sisi klien
Webpack	Modul bundler untuk optimisasi kode
PWA	Dukungan mode offline dan Add to Home

---

🚀 Jalankan Di Lokal

Berikut langkah-langkah menjalankan proyek ini secara lokal:

  git clone https://github.com/ifwhy/ifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert.git
  cd ifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert
  npm i
  npm run start-dev

---

🌐 Telah Mengudara

Proyek ini telah di-deploy di platform berikut: 👉 Kulinary App on Vercel

---

👤 Author

Ivan Wahyu Nugroho