gant.mp4
-
Дизайн: https://www.figma.com/file/XupmcrSoB0hryaH40A6Gy2/ReactTest
-
Все данные подтягиваются через GET-запрос: http://82.202.204.94/tmp/test.php
Требования:
- технологический стек React, Redux, TS;
- все данные в Gantt Chart берутся через API;
- стартовый (слева) месяц для вывода данных определяется на основе минимальной даты тасков из API;
- дерево тасков должно поддерживать свертывание/развертывание при нажатии на стрелочку (на всех уровнях);
- справа от названия таска выводится количество вложенных в него элементов;
- цвета блоков определяются в зависимости от уровня вложенности (первый - синий, второй - желтый, 3-4 уровни - зеленый, пятый - желтый);
- блоки дат, которые не влезают справа обрезаются через fade-затенение (см. дизайн, справа);
- После выполнения тестого задания оно публикуется на github.
Установить локально:
- git clone https://github.com/339598u5uut/Gantt_Chart.git
- npm i
- npm start