{"id":21459619,"url":"https://github.com/anggernuramin/bookshelf-apps","last_synced_at":"2026-05-18T18:38:32.782Z","repository":{"id":196597657,"uuid":"696654611","full_name":"anggernuramin/bookshelf-apps","owner":"anggernuramin","description":"Kelas : Belajar Membuat Front-End Web untuk Pemula","archived":false,"fork":false,"pushed_at":"2023-09-27T05:16:19.000Z","size":397,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-17T04:23:29.677Z","etag":null,"topics":["bookshelf","bookshelf-app","bookshelf-dicoding","css","dicoding","html","javascript","submission"],"latest_commit_sha":null,"homepage":"https://anggernuramin.github.io/bookshelf-apps/","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/anggernuramin.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":"2023-09-26T07:20:48.000Z","updated_at":"2023-12-06T13:08:44.000Z","dependencies_parsed_at":"2024-11-23T06:39:52.985Z","dependency_job_id":null,"html_url":"https://github.com/anggernuramin/bookshelf-apps","commit_stats":null,"previous_names":["anggernuramin/-bookshelf-apps","anggernuramin/bookshelf-apps"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/anggernuramin/bookshelf-apps","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anggernuramin%2Fbookshelf-apps","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anggernuramin%2Fbookshelf-apps/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anggernuramin%2Fbookshelf-apps/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anggernuramin%2Fbookshelf-apps/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/anggernuramin","download_url":"https://codeload.github.com/anggernuramin/bookshelf-apps/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/anggernuramin%2Fbookshelf-apps/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33187544,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-18T09:27:30.708Z","status":"ssl_error","status_checked_at":"2026-05-18T09:27:28.300Z","response_time":71,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"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":["bookshelf","bookshelf-app","bookshelf-dicoding","css","dicoding","html","javascript","submission"],"created_at":"2024-11-23T06:30:00.704Z","updated_at":"2026-05-18T18:38:32.764Z","avatar_url":"https://github.com/anggernuramin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Bookshelf-Apps\nSubmission Dicoding course - Membuat Aplikasi Pengelolaan Data Menggunakan DOM dan Web Storage - Kelas Belajar Membuat Front-End Web untuk Pemula.\nAplikasi Bookshelf adalah sebuah platform yang memungkinkan Anda untuk mengatur dan melacak koleksi buku Anda. Dengan aplikasi ini, Anda dapat dengan mudah menambahkan buku baru, memperbarui status buku (sudah dibaca atau belum), membaca daftar buku, menghapus buku satu per satu, atau menghapus seluruh koleksi buku Anda.\n![THalaman utama](assets/halamanUtama.PNG)\n\n## Cara Menggunakan\n    https://github.com/anggernuramin/-Bookshelf-Apps.git\n1. Clone repositori diatas ke komputer Anda.\n2. Buka folder aplikasi.\n3. Buka file `index.html` di browser Anda.\n4. Anda sekarang dapat menggunakan Bookshelf App untuk mengelola daftar buku Anda.\n\n## Fitur Yang Anda Dapatkan\n## A. Menambahkan Buku Baru\n  Untuk menambahkan buku baru ke koleksi Anda, ikuti langkah-langkah berikut:\n1. Isi informasi buku seperti judul, penulis, tahun, dan status baca ( Untuk input judul,penulis dan tahun `harus terisi` ).\n2. Klik Button \"Masukkan Buku ke rak\" untuk menambahkan buku ke koleksi Anda.\n3. Sebelum Klik Button \"Memasukkan Buku ke rak\" pastikan apakah buku ingin dimasukkan Buku ke rak Belum Selesai Dibaca atau Selesai Dibaca dengan memanfaatkan fitur `checbox`\nTampilan Button jika ingin \"Memasukkan Buku ke rak Belum Selesai Dibaca\" (nilai default)\n\n![Htambah buku](assets/tambahBuku.PNG)\n\n## B. Memperbarui Status Buku\n  Anda dapat memperbarui status baca buku dengan mudah:\n1. Temukan buku yang ingin Anda perbarui di daftar buku.\n2. Klik tombol \"Selesai Dibaca\" `Button Berwarna Hijau` jika Anda telah menyelesaikan buku tersebut, atau \"Belum Selesai Dibaca\" jika belum.\n3. Maka akan secara otomatis pindah sesuai dengan subjudul buku.\n   \n![TmemperbahauiStatusBuku](assets/memperbahauiStatusBuku.PNG)\n\n## C.Membaca Daftar Buku\n Daftar semua buku dalam koleksi Anda dapat dilihat di halaman utama aplikasi. \n Buku-buku yang telah selesai dibaca akan ditandai dengan status \"Selesai Dibaca.\"\n \n![Tmembaca daftar buku](assets/membacaDaftarBuku.PNG)\n\n##  D. Menghapus Buku\n Untuk menghapus satu buku dari koleksi Anda:\n1. Temukan buku yang ingin Anda hapus di daftar buku.\n2. Klik tombol \"Hapus Buku.\" `Button Berwarna Merah`\n   \n![Tmenghapus buku](assets/menghapusBuku.PNG)\n\n\n## E. Menghapus Seluruh Koleksi\n Anda dapat menghapus seluruh koleksi buku Anda dengan cepat:\n1. Klik Button \"Hapus semua Buku\" `Button Berwarna Merah` di bawah daftar buku.\n2. Dengan begitu maka daftar buku akan dihapus secara permanent.  `Data Buku yang ada di Web Storange akan dihapus semua`\n   \n![THapus semua buku](assets/hapusSemuaBuku.PNG)\n\n## F. Konfirmasi Penghapusan\n1. Setiap kali Anda menghapus buku atau seluruh koleksi \n2. Anda akan diminta untuk mengkonfirmasi penghapusan. \n3. Pastikan untuk memastikan bahwa Anda benar-benar ingin menghapus buku-buku tersebut tekan Button Ok `Button Berwarna Merah`  dan jika masih ragu-ragu tekan Batal  `Button Berwarna Abu-abu`\n\n![Tkonfirmasi penghapusan buku](assets/konfirmasiPenghapusan.PNG)\n\n## G. Mencari Buku\n Anda dapat menggunakan fitur pencarian untuk dengan cepat menemukan buku tertentu dalam koleksi Anda. \nDi halaman utama aplikasi, temukan kolom pencarian yang terletak di bagian atas.\n1. Ketikkan judul buku, penulis, atau informasi lainnya yang ingin Anda cari.\n2. Hasil pencarian akan ditampilkan di bawah kolom pencarian.\n3. Namun jika buku yang anda cari tidak ada maka secara  `default` menampilkan semua list buku\nDengan fitur pencarian ini, Anda dapat dengan mudah menemukan buku dalam koleksi Anda tanpa harus melihat seluruh daftar.\n\n![Tmencari buku](assets/mencariBuku.PNG)\n\n## H. Menyimpan Data ke Local Storage\nAplikasi Bookshelf secara otomatis menyimpan koleksi buku Anda menggunakan `Local Storage`. \nIni berarti data Anda akan tetap ada bahkan setelah Anda menutup aplikasi atau `mematikan perangkat Anda`.\n\n\nDengan panduan ini,Diharapkan Anda sekarang memiliki pengetahuan lengkap tentang cara menggunakan aplikasi Bookshelf. \nSelamat menikmati mengatur koleksi buku Anda!\n   \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanggernuramin%2Fbookshelf-apps","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fanggernuramin%2Fbookshelf-apps","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fanggernuramin%2Fbookshelf-apps/lists"}