Devlog 3

Bookmarks!!

Making the bookmarks took me 1 hour and a half… TOO MUCH!! But when coding the JS for my first version for the bookmarks (which should have looked like the “preview” in the screenshot attached to last devlog) I decided to just change the way I would have saved the bookmarks, and so I had to do everything from scratch again. Yayy…

The JavaScript code for the bookmarks isn’t too hard. It just creates a prompt for the user to type the link, then creates the HTML element and gets the image from a Google API which lets you get the icon of one website from the URL. To use it I followed this guide. It is quite easy to use, just look!

https://www.google.com/s2/favicons?domain=${domain}&sz=${size}

Thanks to this I am able to render the icon of the specified website. Another feature I added is the Delete button which appears when hovering on a bookmark.

OH and one more thing!

All bookmarks are saved with localStorage so that even when refreshing the page your bookmarks remain untouched!! :)