My Bookshelf

Context & Challenge

This project is the final submission from Dicoding Indonesia Class Course " Belajar Membuat Front-End Web untuk Pemula". Building a book management application (like a bookshelf) that allows users to add, move, and delete book data from shelves using JavaScript DOM and Web Storage.

Architecture & Scope

1. Bookshelf apps must be able to add new book data.
2. Two Bookshelves: Bookshelf apps must have 2 shelves for books, namely "Unfinished" and "Finished".
3. Capability to transfer books from one bookshelf to another: The books displayed on the bookshelves, whether it's "Unfinished" or "Finished", must be able to be moved between the two.
4. Deleting Book Data: Books displayed on bookshelves, whether it's "Unfinished" or "Finished", must be deletable.
5. Utilize localStorage to Store Book Data: The book data displayed on the bookshelves, whether it's "Unfinished" or "Finished", must be able to persist even if the web page is closed. Therefore, you need to store the book data in localStorage.
6. Add a search feature to filter the displayed books on the bookshelf according to the book title entered in the search column.
7. Custom Dialog Feature for Deleting Books and Edit Books Capability are Available.
8. Clean code with proper indentation and remove unused comments and code.