[2pt] FRONTEND - Create the main page

[Metsanpeitto]

On the main page, the user can see:

1. Navigation panel component

2. List of items

   View design

   

• Information displayed in list of items:

  • Title of list
  • Instruction to select an item from the list

• Information displayed for each item card:

  • Photo of item with a coloured circle background
  • Name of item
  • Description of item
  • Share buttons

• Clicking on item card opens the item's detail page

• Layout of item card is vertical

• Layout of items list:

  • In desktop version: list of items is displayed horizontally as a carousel with a maximum of 3 items at a time
  • In mobile version: list of items is displayed vertically