On the home page, the customer should be able to see a list of their most recently viewed products. Similar to the following section taken from Amazon:
To create this feature, save the data from each product you visit in cookies to later surface on the home page.
When the user navigates to a product page, utilize the useCookies hook from the react-cookie library to access the setCookie, updateCookies, and removeCookie functions and set the desired product information in cookies.
On client/src/pages/Home/Home.tsx, utilize the stored product information stored in cookies to populate a new section called "Recently Viewed Products".
Acceptance Criteria:
On the home page, a section appears showcasing the most recently viewed products.
Description:
On the home page, the customer should be able to see a list of their most recently viewed products. Similar to the following section taken from Amazon:
To create this feature, save the data from each product you visit in cookies to later surface on the home page.
When the user navigates to a product page, utilize the
useCookieshook from thereact-cookielibrary to access thesetCookie,updateCookies, andremoveCookiefunctions and set the desired product information in cookies.On
client/src/pages/Home/Home.tsx, utilize the stored product information stored in cookies to populate a new section called "Recently Viewed Products".Acceptance Criteria:
On the home page, a section appears showcasing the most recently viewed products.