A simple Library Management System App made using vanilla JS and Web Storage API to store the books issued. Admin can add a field with the type of book, author and with the name of the issuer who issued that book and can delete that field once the books is returned. Admin can search the books with author and name of the issuer using the search bar.
The site is live at : https://bookmanagerbyrahul.netlify.app/
Bootstrap is a free and open-source CSS framework directed at responsive, mobile-first front-end web development.
Web Storage API provides mechanisms by which browsers can store key/value pairs, in a much more intuitive fashion than using cookies.
When I will improve this project, I would start by adding the following features -
1. Marking a book as lost
2. Separate books issued by name & Login system
3. Sync and host to web server database
My learning was focused on making the use of Web Storage API and to create a simple UI and a smooth UX for the admin to easily issue books without adding the data to the database and store the books issued in the browser itself. Seperation of Concerns - Separating the application into distinct sections, so each section addresses a separate concern. Learned how the web storage API works and difference between local storage and session storage.