Тестовое задание - Frontend Developer (Travelpayouts)

Цель

Сделать виджет формы, который будет вставляться на сторонние сайты.

Дано

Макет респонсивной формы лежит в этом репозитории TP_test.sketch/TP_test.pdf/TP_test.png.

Задача

На выходе должен получиться проект на github.com с инструкцией по развёртыванию и запуску на *nix/OS X операционной системе. Результатом запуска проекта должна быть HTML-страница с примером вставленного виджета формы, которую можно открыть в браузере.

Требования:

• Респонсивная форма, минимальная ширина 200px, максимальная 1024px.
• Предпочитаемые технологии webpack, PostCSS и SVG
• Если будете использовать фреймворк или сторонние библиотеки, подумайте над обоснованием их использования

По желанию:

• К полям с датами подключить датапикеры, формат даты dd.mm.yyyy
• Сделать возможность кастомизации цветов кнопки, фона и текста. Кастомизация осуществляется изменением настроек в коде для вставки.
• TypeScript
• Локализацию на английский

Наводящие вопросы:

• Какие сложности могут возникнуть при размещении формы на сторонних сайтах?
• Какие вы можете выделить наиболее важные характеристики виджетов, встраиваемых на сторонние сайты?