Reason:

• I've seen Unsplash's random-page display Herouku-like error (free Heroku version is disabled 28 Nov 2022). I think we need to wait for its updating, while that I suggest another way to request images for this project by using picsum.

Usage:

https://picsum.photos/<width>/<height>/?<randomChar>

• A guide for request non-repeat images, from a comment
• With different ?<randomChar> , it return different images even in same dimension

Test link: https://picsum.photos/303/301/?1

Added BetterColor Project About BetterColor Project : A Simple Project For BetterColor Readability. You Can Easily Choice Best Color Readability For Any Background.

Document.execCommand() has been deprecated and altthough some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes, my alternative uses instead the Clipboard API to copy the generated password to the clipboard

In Password Generator project it was using traditional JS alert which we have to close every time after clicking on copy password. Replaced it with CSS toast with auto transition for show and hide for better experience.

Attaching Screen Shot of Toast

Changed "listers" for "liters" . It works because its written the same when referencing it, but I think it would be better if changed for the actual word liters :)

Reason:

• I've seen Unsplash's random-page display Herouku-like error (free Heroku version is disabled 28 Nov 2022). I think we need to wait for its updating, while that I suggest another way to request images for this project by using picsum.
• 

How to:

• Homepage: https://picsum.photos/
  • this is guide for unique random image from a person post
  • With ?<randomChar> query, it return different images even in same dimension

when clicking continuously and quickly, the click target will change from the picture to the heart icon, resulting in the wrong positioning of the heart icon behind

forget to change css file name after updating dark mode css

<link rel="stylesheet" href="style.css" /> => <link rel="stylesheet" href="dark-style.css" />

• This endpoint /pokemon-form/{id} saves lots of size: 32.38MB -> 150KB
• It still expose properties we need for this project as the same structure: name, id, types, sprites (img)

Test link: https://pokeapi.co/api/v2/pokemon-form/3

When clicking continuously and quickly, the click target will change from the picture to the heart icon, resulting in the wrong positioning of the heart icon behind

After creating multiple todos ,the header

todos

is not displayed correctly due to viewport-percentage length set for the body. I thought it was better to remove the height property.