I added so much this time I forgot everything I did, so this is just what I remember.

• Made the HTML files generate with a parallel JSON file, which I’ll use for data importing/exporting
• Added custom colors. Color Thief generates a clean palette up to 10 colors, and the user can select two to be the primary and secondary colors. This influences the entire page’s theme, since every color is derived from those two colors. The program also saves your chosen two colors in local storage, so that each page has its own selected theme. (I might move this to a JSON file, since I plan to use that for saving the tracklist info, but i’m not sure yet).
• On the home page, I made a pop-up box for the user to validate/customize album information before the page is made. This way, they can make the page name whatever they want instead of the automatic one. I still have to link this to the backend to sync the page names with the page generation.
• I finally added custom comments for the songs, which I’ve stalled for super long now. I’m debating between saving them with local storage or a seperate JSON file, so I’ve held off on the saving for now. Right now they just save in an object in the JS file.
• I made a top bar where the pages will go. I want the UI to look like Google tabs, with a (+) button that has a dropdown with all the pages.
• I fixed the entire backend and solved a bunch of problems. Before, making two pages for the same album would overwrite the old one, but now I made it make a duplicate, titled” {Album Name} 2.html” instead. I have to link this with the popup to let the user name it whatever they want, since this is going to be the page name used everywhere. I also had issues with albums with special names. For example, I knew an album titled “</3”, and the “<” and “/” would cause issues with finding the file as well as HTML formatting when generating the page. So I seperated the file name from the album name by making a separate sanitized name, which is going to be the page name. I also remember doing a ton of smaller fixes but I forgot what I did.
• I cleaned up the CSS in a bunch of places and made sure elements didn’t break with different-sized windows.

Next, I need to

• Link the popup on the Search page to the backend, so the user can customize page names before making them.
• Make the tabs system on the top, where the user can open/close whichever pages are relevant.
• Let the user update the number rating, and put some album data (median rating, user rating, album comments)
• Let the user change the album cover in the popup and on the album page
• Export album pages as JSON files

I’m almost done with the app and I think I can probably finish it up in a few more devlogs. I’m expecting two weeks until I’m ready to ship.