Ive been working on the library page and allowing the books to be filtered. This involved figuring out how to make images clickable which apparently is not a native feature with streamlit. The filtering now works for the book’s statuses but I am yet to fix an error meaning the wrong popup is displayed when clicking on the book from the library page

I have linked up the input widgets to actually save to the user’s local JSON file. The status input was not displaying properly and was showing the same status for each of the books no matter what was saved, after I fixed this I had a bug relating to the status and tag inputs that had to do with the save not writting properly before the popup was closed, resulting in the user having to double click everything. This is now fixed and the current inputs all work, save and reload properly!

Layouts for Popups and JSON Storage Functions. I have made the popups layout, though this data does not currently save anywhere. I have also setup the save and load functions so that the users data can be reloaded when they leave and re-enter the site.

Test Data and Book Rendering I created some test data for developing the basic functionality of the app before I try to incorporate the Open Libraries API to import books. I then worked on rendering the books on the homepage how I plan to place them in the currently reading section, this included creating a method to display a books cover given its isbn.

Setup, Sidebar Navigation & Classes. I have setup my project and its pages. I am using Streamlit to make this website - something I have not used before. I have implemented a sidebar for navigation between the pages. I then planned out and wrote the basis for the classes and objects for the program. I also figured out how to inject the css to the python file so I can write the css for the application in a seperate file, as well as configuring the fonts for the headings.