Modify the chapter 5 example (photo viewer) to include the following features:

1.When the user clicks on a picture and it opens a window containing a zoomed version of the image, give her a hyperlink (button) to add the pic to a favourites area at the bottom of the first page (add img nodes to the DOM).

2. A maximum of 5 pics can be added to the favorites. After that a message is displayed to remove at least a favorite first.

3. If the user clicks on a favorite, a Remove link (button) shows up next to that picture. If the user clicks it, the pic is removed from the favorites.

Basic screenshots for the functionality of this assignment are shown below: