One of the products should have a flag that it's a featured artwork. It should be displayed above the product list.
The product list should contain 4 artworks. After hovering over the image, you should display the "add to cart" bar. Remember that some products have the bestseller flag.
After clicking "Add to cart" in the cart icon in the header should appear the badge with the counter of elements in the cart. Each 'Add to cart' action should open the cart dropdown with items. The dropdown should be also visible after clicking the basket icon in the header. Clicking in the "Clear" button should remove items from the cart and hide the dropdown.
Products should be paginated. On one page should be 4 items. The pagination should show the current page. Hide the 'prev' arrow on the first page and hide the 'next' arrow on the last page
Implement 2 types of sorting: alphabetically or by price. Use basic HTML select. Clicking on arrows should change the order to 'ascending' or 'descending'.
Products should be filterable. You can filter products by multiple categories (multiple filters) and only one price range (single filter). Using filters should affect the pagination. Try to build filter options dynamically (don't hardcode them).
Optimise Your website using lighthouse reports. Try to achieve 80& score in web core vitals. (mobile and desktop)
Try to implement your own API using serverless functions or any other database tool. We prefer using GraphQL databases (we use https://fauna.com/).
https://www.figma.com/file/wYrjKlxB3g80yge1kcahWx/Bejamas-Recruitment-task?node-id=7%3A376