{"id":25037435,"url":"https://github.com/ifwhy/ifwhy-dicoding-menjadi-front-end-web-developer-expert","last_synced_at":"2025-03-30T21:23:36.077Z","repository":{"id":272142355,"uuid":"915648581","full_name":"ifwhy/ifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert","owner":"ifwhy","description":"Projek ini merupakan submission untuk kelas Menjadi Front-End Web Developer Expert dari Dicoding pada beasiswa DBS Foundation Coding Camp 2024.","archived":false,"fork":false,"pushed_at":"2025-01-28T01:46:03.000Z","size":5292,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-02-06T01:49:13.388Z","etag":null,"topics":["dicoding-academy","dicoding-submission","front-end-development","progressive-web-app","single-page-applications"],"latest_commit_sha":null,"homepage":"https://dicoding-menjadi-front-end-web-developer-expert.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ifwhy.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2025-01-12T12:44:27.000Z","updated_at":"2025-01-28T01:46:06.000Z","dependencies_parsed_at":null,"dependency_job_id":"eda2e0b0-f301-43fb-9b33-8d313cf39dd4","html_url":"https://github.com/ifwhy/ifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert","commit_stats":null,"previous_names":["ifwhy/ifwhy-dicoding-menjadi-front-end-web-developer-expert"],"tags_count":3,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ifwhy%2Fifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ifwhy%2Fifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ifwhy%2Fifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ifwhy%2Fifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ifwhy","download_url":"https://codeload.github.com/ifwhy/ifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246380782,"owners_count":20767903,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["dicoding-academy","dicoding-submission","front-end-development","progressive-web-app","single-page-applications"],"created_at":"2025-02-06T01:49:11.861Z","updated_at":"2025-03-30T21:23:36.050Z","avatar_url":"https://github.com/ifwhy.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\n  \u003ch2 align=\"center\"\u003e\u003ca href=\"#\"\u003e🍽️ Kulinary - Kuliner Nyentrik\u003c/a\u003e\u003c/h2\u003e\n\n  \u003cimg src=\"./assets/Website Kulinary.png\" alt=\"Kulinary\" /\u003e\n\n  \u003cdiv align=\"center\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/HTML-red?style=for-the-badge\u0026logo=html5\u0026logoColor=white\u0026labelColor=red\" alt=\"HTML Badge\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/CSS-blue?style=for-the-badge\u0026logo=css3\u0026logoColor=white\u0026labelColor=blue\" alt=\"CSS Badge\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/JavaScript-yellow?style=for-the-badge\u0026logo=javascript\u0026logoColor=white\u0026labelColor=yellow\" alt=\"JavaScript Badge\"\u003e\n    \u003cimg src=\"https://img.shields.io/badge/PWA-Enabled-brightgreen?style=for-the-badge\u0026logo=googlechrome\u0026logoColor=white\u0026labelColor=brightgreen\" alt=\"PWA Badge\"\u003e\n  \u003c/div\u003e\n\n\u003c/div\u003e\n\nProjek ini merupakan submission untuk kelas [Menjadi Front-End Web Developer Expert](https://www.dicoding.com/academies/219) dari [Dicoding](https://www.dicoding.com) pada beasiswa [DBS Foundation Coding Camp 2024](https://www.dbs.com/newsroom/DBS_Foundation_holds_DBS_Foundation_Coding_Camp_2024_to_offer_free_coding_classes).  \n\n\u003e **⚠️ PERINGATAN: Jadikan repositori ini sebagai rujukan/referensi.**  \n\u003e\n\u003e - Sesuai dengan terms of use di Dicoding, submission kelas Dicoding Academy haruslah hasil karya Anda sendiri.  \n\u003e - Kode yang didapatkan dari sumber lain (website, buku, forum, GitHub, dan lain-lain) hanya digunakan sebagai referensi. Tingkat kesamaannya tidak boleh lebih dari 70%.  \n\n---\n\n## 📋 Daftar Isi  \n\n1. [✨ Features](#-features)  \n   - [Submission 1](#submission-1)  \n   - [Submission 2](#submission-2)  \n   - [Submission 3](#submission-3)  \n2. [🛠 Tech Stack](#-tech-stack)  \n3. [🚀 Jalankan Di Lokal](#cara-menjalankan-proyek)  \n4. [🌐 Telah Mengudara](#deployment-live-demo)  \n5. [👤 Author](#authors)  \n\n---\n\n## ✨ \u003ca href=\"#features\"\u003eFeatures\u003c/a\u003e\n\n### 🛠️ \u003ca id=\"submission-1\"\u003eSubmission 1\u003c/a\u003e  \n\n- **App Bar (Navigation Bar)**  \n  - Menampilkan nama aplikasi atau brand logo dari aplikasi katalog restoran.  \n  - Navigation menu:  \n    - Home → mengarah ke root domain.  \n    - Favorite → target URL cukup bernilai `#`.  \n    - About Us → mengarah ke profil LinkedIn/GitHub/Social Media Anda.  \n  - Navigation drawer responsif pada layar seluler.  \n\n- **Hero Element (Jumbotron Element)**  \n  - Full-width gambar untuk semua layar.  \n\n- **Daftar Restoran**  \n  - Menampilkan informasi wajib (Nama, Gambar, dll.).  \n\n- **Footer \u0026 Responsibilitas Tampilan**  \n  - Hak cipta dan desain responsif.  \n\n### 🛠️ \u003ca id=\"submission-2\"\u003eSubmission 2\u003c/a\u003e  \n\n- **API Integration**  \n  - Data restoran dari API `restaurant-api.dicoding.dev`.  \n\n- **Offline \u0026 PWA Support**  \n  - Mendukung mode offline dan fitur **Add to Home Screen**.  \n\n- **Halaman Detail Restoran**  \n  - Menampilkan detail lengkap restoran.  \n\n- **Favorit dan IndexedDB**  \n  - Favoritkan restoran, disimpan di IndexedDB.  \n\n### 🛠️ \u003ca id=\"submission-3\"\u003eSubmission 3\u003c/a\u003e  \n\n- **Testing**  \n  - Integration dan End-to-End Test.  \n\n- **Image Optimization**  \n  - Gambar hero dikompresi (\u003c200KB).  \n\n- **Bundle Optimization**  \n  - Teknik *Code Splitting*.  \n\n---\n\n## 🛠 \u003ca id=\"tech-stack\"\u003eTech Stack\u003c/a\u003e\n\n| **Technology**  | **Description**                                |\n|------------------|-----------------------------------------------|\n| HTML5            | Markup untuk konten                          |\n| CSS3             | Styling dan layout                          |\n| JavaScript (ES6+) | Fungsionalitas interaktif                   |\n| IndexedDB        | Menyimpan favorit di sisi klien              |\n| Webpack          | Modul bundler untuk optimisasi kode          |\n| PWA              | Dukungan mode offline dan **Add to Home**    |\n\n---\n\n## 🚀 \u003ca id=\"cara-menjalankan-proyek\"\u003eJalankan Di Lokal\u003c/a\u003e  \n\nBerikut langkah-langkah menjalankan proyek ini secara lokal:  \n\n```bash\n  git clone https://github.com/ifwhy/ifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert.git\n  cd ifwhy-Dicoding-Menjadi-Front-End-Web-Developer-Expert\n  npm i\n  npm run start-dev\n```\n\n---\n\n## 🌐 \u003ca id=\"deployment-live-demo\"\u003eTelah Mengudara\u003c/a\u003e\nProyek ini telah di-deploy di platform berikut:\n👉 [Kulinary App on Vercel](https://dicoding-menjadi-front-end-web-developer-expert.vercel.app/)\n\n---\n\n## 👤 \u003ca id=\"authors\"\u003eAuthor\u003c/a\u003e\n[Ivan Wahyu Nugroho](https://github.com/ifwhy)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fifwhy%2Fifwhy-dicoding-menjadi-front-end-web-developer-expert","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fifwhy%2Fifwhy-dicoding-menjadi-front-end-web-developer-expert","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fifwhy%2Fifwhy-dicoding-menjadi-front-end-web-developer-expert/lists"}