Проект JobBoard
Невелике пояснення.
-
Використовувалися бібліотеки React, Redux, axios, material-ui (пагінація та рейтинг), nanoid, slick, tailwindcss.
-
Для роботи пагінації зробив рендер по 10 робіт на сторінці.
-
Від бекенда надходять не всі дані для рендерингу, для цього створив додатковий файл data.json і звідти беруться дані для рендерингу, яких не вистачає.
-
Для коректного відображення картинок на сторінці "Job Details" використовував слайдер. (У мобільній версії він показується, а в ПК версії, якщо буде більше 3 картинок, він теж з'явиться)
-
Карта працює через сервіс mapbox.com та відображає маркер за координатами з даних, які нам прийшли. Дані, які приходять, не завжди вірні (таких координат не існує), на цей випадок поставив перевірку та підставляю дефолтні координати.
-
Кнопка "RETURN TO JOB BOARD" повертає на сторінку "Job board".
-
Сайт адаптивний