К макету также прилагается UI Kit, в котором можно найти все необходимые компоненты и их состояния.

Ожидается, что страница будет соответствовать следующим параметрам:

• pixel-perfect верстка;
• адаптивная верстка;
• кросс-браузерность.

На странице присутствуют множество функциональных элементов, которые кандидат также должен сделать. Обратите внимание на то, что все кнопки должны быть кликабельными и выполнять какие-то простые действия, например, в фильтр можно установить значение, ховеры работают, и т.д. Также обратите внимание на то, что нужно сделать все что представлено в макете, 1 экран и модальное окно со всеми вкладками. Бекенд для разработки не нужен, можно составить json мок, который будет подходить под решение задачи.

Кандидат самостоятельно составляет мок json.

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

Для разработки используйте Angular, так как он имеет все необходимое для комфортной верстки из коробки (темплейтинг, scss/sass), также этот тот фреймворк, с которым нужно будет работать внутри компании.
Верстка должна быть выполнена с использованием препроцессора scss или sass.

Допускается использование библиотек для базовой реализации компонентов, например датапикера, однако не стоит переусерствовать, чем меньше библиотек тем лучше.

Используйте принципы БЭМ для получения более качественного результата.

Разбивайте страницу на компоненты и переиспользуйте их, следуйте принципу DRY.

На выполнение задания отводится 5 дней.