The Bookshelf App is a simple web application designed to help users manage a collection of books. Users can add, edit, delete, search, and categorize books as "Belum selesai dibaca" (Not Finished Reading) or "Selesai dibaca" (Finished Reading). The data will be saved to the browser's local storage for persistence.
Access it online at [https://irsallaz.github.io/bookshelf-app-project/]
- Add Books: Users can add new books with details including title, author, year of release, and completion status.
- Edit Books: Users can edit the details of existing books.
- Delete Books: Users can remove books from their collection.
- Search Books: Users can search for books by title.
- Categorization: Books can be marked as "Selesai dibaca" or "Belum selesai dibaca".
- HTML: The main structure of the app, including forms and sections for displaying books.
- CSS: Styling for the application.
- JavaScript: Handles the logic for adding, editing, deleting, searching, and categorizing books. It also manages data persistence using the browser's local storage.
To ensure the application functions correctly, certain data attributes are used:
data-bookid: Stores the unique ID of each book.data-testid: Used for identifying specific elements in the application, such as book items and buttons.
- Adding a Book: Fill in the book details in the provided form and click the "Masukkan Buku ke rak" button.
- Editing a Book: Click the "Perbarui Buku" button next to a book to edit its details.
- Deleting a Book: Click the "Hapus Buku" button next to a book to remove it from the list.
- Searching for a Book: Use the search form to find books by title.
- Changing Book Status: Use the "Selesai dibaca" button to toggle a book's completion status.
The application uses local storage to persist book data across sessions. Ensure that your browser supports Web Storage for optimal functionality.
- Clone the repository.
- Open
index.htmlin your browser to start using the app.
Enjoy managing your bookshelf with ease!