https://github.com/arfabanyu/bookshelf-app

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.
https://github.com/arfabanyu/bookshelf-app

app-development css dicoding dicoding-submission frontend html javascript simple-project vanilla-javascript web-app

Last synced: about 1 month ago
JSON representation

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.

• Host: GitHub
• URL: https://github.com/arfabanyu/bookshelf-app
• Owner: arfabanyu
• Created: 2025-02-28T13:38:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2025-02-28T13:38:12.000Z (over 1 year ago)
• Last Synced: 2025-03-06T14:54:37.741Z (over 1 year ago)
• Topics: app-development, css, dicoding, dicoding-submission, frontend, html, javascript, simple-project, vanilla-javascript, web-app
• Language: HTML
• Homepage: https://arfabanyu.github.io/bookshelf-app/
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Bookshelf App Starter Project

Ini adalah starter project untuk siswa yang sedang mengerjakan tugas akhir kelas Belajar Membuat Front-End Web untuk Pemula.

## Ketentuan Pengerjaan Tugas

Untuk mempermudah penilaian submission yang dikirim, Anda perlu memahami ketentuan-ketentuan berikut dalam mengerjakan tugas ini.

- Anda dilarang mengedit atau menghapus atribut `data-testid` pada elemen-elemen HTML.

- 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.

- Dalam menampilkan data-data buku, Anda wajib memberikan beberapa atribut pada setiap elemennya.

  - `data-bookid`: menampung nilai ID masing-masing buku.

  - `data-testid`: penanda jenis data buku yang ditampilkan. Berikut daftarnya.

    - `bookItem`: elemen kontainer yang menampung data-data buku.

    - `bookItemTitle`: judul buku

    - `bookItemAuthor`: penulis buku

    - `bookItemYear`: tahun rilis buku

    - `bookItemIsCompleteButton`: tombol untuk mengubah kondisi buku dari “Belum selesai dibaca” menjadi “Selesai dibaca” atau sebaliknya.

    - `bookItemDeleteButton`: tombol untuk menghapus buku.

    - `bookItemEditButton`: tombol untuk mengubah data buku.

  Agar pengerjaan tugas lebih mudah, Anda dapat mengikuti templat buku berikut.

```html



  
{{ judul_buku }}

  
Penulis: {{ penulis_buku }}

  
Tahun: {{ tahun_rilis_buku }}

  


    {{ tombol_untuk_ubah_kondisi }}

    {{ tombol_untuk_hapus }}

    {{ tombol_untuk_edit }}

  



```


Selamat mengerjakan dan sukses selalu!