Привет!
Ищем фронтендера на проектную работу в стартап по информационной безопасности. Фронт на React, бэкенд на GraphQL. Писать в телеграм: @httpsonly
Вот так выглядит наш текущий фронт: https://demo.scanfactory.io/dashboard
Вот какие задачи нужно сделать:
Взять шаблон из Фигмы и реализовать вот такую страничку:
График
График сделать не с месячным промежутком, как на макете, а в 31 день. Каждый из дней отображать точкой на графике. По нажатию на точку применяется фильтр по этой дате. При применении каких-либо фильтров (см. ниже), график должен перестроиться.
Особенности отображения
Таблица rarest/newest показывает самые редкие порты/новообнаруженные порты. По нажатию "see more" таблциа открывается до 5(10, как получится) пунктов. По нажатию на заголовки таблицы происходит сортировка. Добавить пагинацию внизу таблицы.
Поиск и фильтрация
- Добавить возможность кликнуть на порт для применения фильтра по порту:
- В таблице Hosts list (на скрине сделан фильтр на порт 80 и он подсвечен серым)
- В таблице The rarest (на скрине справа сверху)
- По клику на хост+порт в таблице newest применяется фильтр по соответствующему хосту и порту
- По клику на порт должен применяться фильтр (показываются все хосты где есть такой порт). Можно выбирать несколько портов. По крестику фильтр по этому порту отменяется
Прочие фичи этой страницы
- По клику на хост должна открыться страница с алертами на этом хосте (здесь должна быть ссылка)
- При заходе в группу алертов, первый алерт должен быть всегда открыт. Пользователь должен проставить ему статус, чтобы открылся следующий
- На карточке алерта можно проставить статус алерта: False Positive, Not Interesting, In Progress, Done