Skip to content

Terms of reference for frontend position (React, Redux, tailwindcss, material-ui)

Notifications You must be signed in to change notification settings

nikchum/JobBoard

Repository files navigation

Проект JobBoard

Виконане технічне завдання на посаду frontend developer.

Невелике пояснення.

  1. Використовувалися бібліотеки React, Redux, axios, material-ui (пагінація та рейтинг), nanoid, slick, tailwindcss.

  2. Для роботи пагінації зробив рендер по 10 робіт на сторінці.

  3. Від бекенда надходять не всі дані для рендерингу, для цього створив додатковий файл data.json і звідти беруться дані для рендерингу, яких не вистачає.

  4. Для коректного відображення картинок на сторінці "Job Details" використовував слайдер. (У мобільній версії він показується, а в ПК версії, якщо буде більше 3 картинок, він теж з'явиться)

  5. Карта працює через сервіс mapbox.com та відображає маркер за координатами з даних, які нам прийшли. Дані, які приходять, не завжди вірні (таких координат не існує), на цей випадок поставив перевірку та підставляю дефолтні координати.

  6. Кнопка "RETURN TO JOB BOARD" повертає на сторінку "Job board".

  7. Сайт адаптивний

About

Terms of reference for frontend position (React, Redux, tailwindcss, material-ui)

Topics

Resources

Stars

Watchers

Forks