{"id":26321425,"url":"https://github.com/arfabanyu/bookshelf-app","last_synced_at":"2026-05-08T11:33:35.447Z","repository":{"id":281015622,"uuid":"940611616","full_name":"arfabanyu/bookshelf-app","owner":"arfabanyu","description":"Bookshelf App – A simple bookshelf app that can create, read, update, delete, and search books for dicoding submission purpose. Built with HTML, CSS, and Javascript.","archived":false,"fork":false,"pushed_at":"2025-02-28T13:38:12.000Z","size":3,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-06T14:54:37.741Z","etag":null,"topics":["app-development","css","dicoding","dicoding-submission","frontend","html","javascript","simple-project","vanilla-javascript","web-app"],"latest_commit_sha":null,"homepage":"https://arfabanyu.github.io/bookshelf-app/","language":"HTML","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/arfabanyu.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-02-28T13:38:09.000Z","updated_at":"2025-03-05T07:29:31.000Z","dependencies_parsed_at":"2025-03-06T14:54:40.102Z","dependency_job_id":"ab1ee5d0-b1b3-4ea8-ab32-643051e8383e","html_url":"https://github.com/arfabanyu/bookshelf-app","commit_stats":null,"previous_names":["arfabanyu/bookshelf-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arfabanyu%2Fbookshelf-app","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arfabanyu%2Fbookshelf-app/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arfabanyu%2Fbookshelf-app/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/arfabanyu%2Fbookshelf-app/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/arfabanyu","download_url":"https://codeload.github.com/arfabanyu/bookshelf-app/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243754060,"owners_count":20342543,"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":["app-development","css","dicoding","dicoding-submission","frontend","html","javascript","simple-project","vanilla-javascript","web-app"],"created_at":"2025-03-15T16:17:20.977Z","updated_at":"2026-05-08T11:33:30.411Z","avatar_url":"https://github.com/arfabanyu.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bookshelf App Starter Project\n\nIni adalah starter project untuk siswa yang sedang mengerjakan tugas akhir kelas Belajar Membuat Front-End Web untuk Pemula.\n\n## Ketentuan Pengerjaan Tugas\n\nUntuk mempermudah penilaian submission yang dikirim, Anda perlu memahami ketentuan-ketentuan berikut dalam mengerjakan tugas ini.\n\n- Anda dilarang mengedit atau menghapus atribut `data-testid` pada elemen-elemen HTML.\n- Ini masih berkaitan dengan poin sebelumnya. Jika Anda memiliki kebutuhan seperti styling elemen dan perlu menambahkan atribut seperti class, itu tidak dilarang selama atribut `data-testid` beserta nilainya tidak diubah atau dihapus.\n- Dalam menampilkan data-data buku, Anda wajib memberikan beberapa atribut pada setiap elemennya.\n\n  - `data-bookid`: menampung nilai ID masing-masing buku.\n  - `data-testid`: penanda jenis data buku yang ditampilkan. Berikut daftarnya.\n    - `bookItem`: elemen kontainer yang menampung data-data buku.\n    - `bookItemTitle`: judul buku\n    - `bookItemAuthor`: penulis buku\n    - `bookItemYear`: tahun rilis buku\n    - `bookItemIsCompleteButton`: tombol untuk mengubah kondisi buku dari “Belum selesai dibaca” menjadi “Selesai dibaca” atau sebaliknya.\n    - `bookItemDeleteButton`: tombol untuk menghapus buku.\n    - `bookItemEditButton`: tombol untuk mengubah data buku.\n\n  Agar pengerjaan tugas lebih mudah, Anda dapat mengikuti templat buku berikut.\n\n```html\n\u003cdiv data-bookid=\"{{ ID_buku }}\" data-testid=\"bookItem\"\u003e\n  \u003ch3 data-testid=\"bookItemTitle\"\u003e{{ judul_buku }}\u003c/h3\u003e\n  \u003cp data-testid=\"bookItemAuthor\"\u003ePenulis: {{ penulis_buku }}\u003c/p\u003e\n  \u003cp data-testid=\"bookItemYear\"\u003eTahun: {{ tahun_rilis_buku }}\u003c/p\u003e\n  \u003cdiv\u003e\n    \u003cbutton data-testid=\"bookItemIsCompleteButton\"\u003e{{ tombol_untuk_ubah_kondisi }}\u003c/button\u003e\n    \u003cbutton data-testid=\"bookItemDeleteButton\"\u003e{{ tombol_untuk_hapus }}\u003c/button\u003e\n    \u003cbutton data-testid=\"bookItemEditButton\"\u003e{{ tombol_untuk_edit }}\u003c/button\u003e\n  \u003c/div\u003e\n\u003c/div\u003e\n```\n\nSelamat mengerjakan dan sukses selalu!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farfabanyu%2Fbookshelf-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Farfabanyu%2Fbookshelf-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Farfabanyu%2Fbookshelf-app/lists"}