Project: fastify-react
Task (challenging): 1) Implement Wishlist feature where users can add products to their wishlist using button (.add-to-wishlist) in the product detail page
2) Create a separate Wishlist page at route '/wishlist' displaying all products the user has added
3) Structure wishlist items as <div class='wishlist-item' id='wishlist_item_{product_id}'><img class='wishlist-image' src='/'/><div class='wishlist-name'></div><div class='wishlist-price'></div></div>
4) Add functionality to remove items from wishlist with button (.remove-from-wishlist)
5) Store wishlist items in the database
6) Add button (.home-go-wish-list) in home page to navigate to '/wishlist'
7) Create CSS file to beautify the Wishlist UI
8) DO NOT use a third-party UI library