Frontend: компонент блока Articles (Полезные материалы)

[marentsov]

• Описание проблемы:

Необходимо создать компонент для секции с карточками полезных статей/материалов.
Нужно определить структуру JSON контента для этого блока.

• Предлагаемое решение:

Создать компонент ArticlesBlock
Использовать Mantine (Card, Grid)
Адаптив: 1 колонка на мобильных

• Критерии приемки:

Отображение иконки, заголовка, даты, просмотров
Соответствие макету (3 карточки)

• Примерная структура

  "title": "Полезные материалы в наших каналах",
  "articles": [
    {
      "icon": "chart",
      "title": "Топ-10 навыков разработчика в 2024",
      "date": "12 октября 2024",
      "views": "5.4к"
    },
    {
      "icon": "money",
      "title": "Как увеличить зарплату на 50%",
      "date": "15 октября 2024",
      "views": "7.1к"
    },
    {
      "icon": "trend",
      "title": "Тренды IT-рынка: осень 2024",
      "date": "10 октября 2024",
      "views": "3.1к"
    }
  ]
} ``` 

дизайн - https://disk.yandex.ru/i/QHlWPj9rRpQMHg