Library Management Tool is a simple React app created with the purpose of a job interview at Microblink. The app consists of a simple UI for managing books and members of the library, renting, and returning books in the library.
Clicking on the button New Book
button opens the Modal with fields required for creating a new book. Entering the required data and clicking the button Add
, a new book will be created.
Clicking on the Edit
button on the book card opens the same Modal filed with book info. After editing and clicking the Update
button, modifications will be saved.
Clicking on the button New Member
button opens the Modal with fields required for creating a new library member. Entering the required data and clicking the button Add
, a new member will be added to the library.
Clicking on the Edit
button on the member item opens the same Modal filed with member info. After editing and clicking the Update
button, modifications will be saved.
Typing in the search field in the All books
tab will filter all books that include search value in their title or author name.
Typing in the search field in the Members
tab will filter all members that include search value in their name, surname or book title, and author name.
After selecting one or more books the popup will appear that has a button for renting selected books. Clicking the Rent
button opens the Modal with input that has a list of all the library members. After selecting the member and clicking Rent
, selected books will be rented to that member.
In the Members tabs clicking on the Show Rented Books
button will expand that item and show all the books rented by that member. After selecting one or more books the popup will appear that has a button for returning selected books. Clicking the Return
button opens the Modal to confirm the book's return.