Credits

BackGround

The button is just rectangle with a smooth border radious, + my favourite color + white text color + a simple hover effect I pretty much used it across my entire web, it makes everything very consistence.

The Api.mjs I mainly learned from lab2, like the structure, how to set item using JASON parse, and retrieve it. The index.mjs is basic javascript I learned in CSCB09 Also the CSS animation, just a simple intro animation that moves structure from x position to their desire place. Also from CSCB09 The HTML I learned in one of the CSC courses as well For hw2. The app.mjs and using fetch and querying database and everything was learned in class and tutorial. This includes refactoring the code to fit and uses fetch. Additionally, I realized the danger of using so much index like the last code I did, I minimize most function to not use index but imageId stored in each imageBox Plus, changed a couple things to use only call backs. Deployment was a bit confusing but I managed to get it done as well. Improvement from last time: 1. cleaned up debug log 2. css file split to multiple 3. api.mjs does not handle index manipulation