Virtualized list (test task)

Pages:

• Create a product list page, display a picture, title, price and like button. To efficiently display the list, use react-window & react-virtualized-auto-sizer.
• Display all products that a person liked.
• Display must be on all pages.
• Column with Favorites should not move when person is scrolling.
• Create a product page where the product image can be magnified on hover using the react-image-magnify library.

Tech Stack:

• Main language: TypeScript
• Framework: React
• Routing: React-router-dom
• State managment: react-hooks-global-state
• CSS preprocessor: SCSS
• UI-library: Material UI

LIVE DEMO 👀