A simple library app that lets users keep track of which books they are reading. See the live demo here!
- Information shown about each book: the book's title, author, number of pages, and if it's been completed or not
- Delete button permanently removes a book from the library
- Add button for adding a new book's information through a form
- Edit button for updating a specific book's information
- A book's read status can be changed by clicking the status button
- User's books are stored in their browser if it supports local storage
Additional features that will help improve the user experience:
- Make application responsive for other non-desktop devices like mobile/tablets
- Indicate to the user when their library is empty
- Make header navigation fixed at top of the page
- Display confirmation message after user clicks delete button
- Allow h1 heading to be customizable by the user so they can enter their name
- Using object-oriented programming by writing constructors and prototype methods
- Manipulating the DOM in response to events on buttons and forms
- Following the Model View Controller (MVC) design pattern to separate data from the user interface in the DOM
- Documenting parameters and return types of functions and methods with JSDoc
- How to use local storage to persist data after a browser window closes