by mrivas perez live demo: https://mrivasperez.github.io/Biblioteque/
Biblioteque is a part of my Bibliofiles project (still under development). It is an app where you can keep track of all of the books you own. I thought of the Biblioteque to help small book salers keep track of their inventory in an easy to use interface without requiring expensive software or subscriptions. I developed Biblioteque using HTML, CSS, and Vanilla JS. Book data is stored in local storage.
You can use the app by visiting https://mrivasperez.github.io/Biblioteque/. Alternately, to run this app locally, download the repository as a zip file. Create a new folder in your system then drag and drop the contents of the zip file to that new folder. Double click "index.html" to open the page.
When you first open or visit Biblioteque you will be greeted with the main user interface. It is built using HTML and CSS. On the top section you will see a header that includes an image with black books, the name of the app, and a sentence describing the purpose of the app.
After the header, is the form that includes input for name of book, author of book, and International Standard Book Number ("isbn") number of book.
Under the form, is the table where all books that the user has input are displayed.
To add a book, fill out the form and click the "ADD BOOK" button. Once you add the book, a brief, green confirmation dialogue will appear. If you leave any of the fields blank, you will not be able to add a book and will be shown a red alert stating you must fill out all fields.
To remove a book, press the red "X" button to the right of the book you wish to remove. Once the book is removed, you will be shown an orange alert confirming the book was removed.
The book data is stored in local storage, for this reason, it is important to keep all book data backed up in a local file. I am currently working on adding functionality to allow you to download the book data as a csv and a copy of the table in a pdf.
- Search field to filter books
- Download table as pdf or list as csv
- Boostrap 4
- Lumen Boostrap theme by Bootswatch https://bootswatch.com/lumen/
- Image of books created by Lluisa Iborra from the Noun Project https://thenounproject.com/search/?q=books&i=1535511