Заказчик

Добрый день!

Общие требования к проекту
Работа в Git
SASS
CSS linter (stylelint, prettier или другой)
Отзывчивая верстка, адаптивные картинки, mobile first
Поддержка retina
Нативный Javascript
Валидная верстка без ошибок и предупреждений
Сборка webpack
(Tailwind)


Необходимые навыки и умения
Опыт верстки flexbox & grid
Опыт работы с Tailwind
Знание современного Javascript
Опыт работы с SASSв крупных проектах:
умение правильно организовать структуру файлов и тем оформления (светлая/темная)
опыт использования систем нейминга (файлов/классов/переменных и т.д.)
Опыт организации сборки проекта и оптимизации бандлов в Webpack в сложном проекте
Опыт работы c Figma
Опыт оптимизации скорости загрузки страниц и работы с Developer Tools
Плюсом будет, если вы создавали и оптимизировали CSS анимации


Информация о проекте
Дизайн (web+mobile) выполнен в Figma. Количество экранов лендинга: (menu + 7 экранов + seo блок + footer).
Анимация (hover не в счет) не предусмотрена, но будет здорово, если вы предложите уместные эффекты, которые не будут отвлекать от основной информации на странице.
Страница должна одинаково хорошо отображаться на web, включая retina, и на mobile (базовая ширина 375px).
В макете присутствует ряд динамических блоков, которые требуют реализации на нативном Javascript (без jquery). Пример ниже:
image


Весь макет будет предоставлен исполнителям, с которыми начнем более детальное обсуждение проекта.
В ходе работы вы будет общаться с UI/UX дизайнером платформы, разработчиками и другими членами команды Freelancehunt.


Дополнительные комментарии к задаче от нашего отдела разработки
Необходимо организовать кастомизируемую сборку tailwind (минималка для лендинга, более тяжелая сборка для основного сайта на будущее). Кастомные стили сделать в виде подключаемой темы без хардкода, учесть что тема может быть не одна (светлая + темная). Работа будет вестись в отдельном репозитории на github, который мы потом интегрируем в основную сборку.