add/remove item to LocalStorage & Display in html – plain javacript

I am kind of behind in school project schedule, and I got this task where I am struggling with and wish for a small help how to do it.

-So I gonna use strapi to create my own api. – Which I know how to.
-Make html for each item where i will be displaying 3 properties for each. – Which is fine, I know how to.
-There is going to be a icon where clicking the icon, will store the items in local storrage, while also display it in a “favorite page” – which is the part I am struggling with

So theres is gonna be a “Homepage” and a “Favorite” html page.

“”Favorite page:
This page should fetch the array of items stored in localStorage and display them or display a message that there are no items.
There should be a “Clear all” button that clears localStorage (or just a specific key in localStorage) and reloads the display. Don’t reload the page, just redraw the HTML.””

So does anyone know and could show me direction to what to look at to be able to solve this?

So what I am planning to do is product card, it fetching image, title, description, price and a heart icon, clicking the heart icon should add the card/product to local storage and display it in favorite page, clicking the heart again should remove the card/product from local storage.

Also in #JavaScript _↴