Leming1488 / tp-widget

Тестовое задание для front-end разработчика Travelpayouts

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

Цель

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

Инструкция по запуску

git clone https://github.com/dimavasilyev/tp-widget.git

cd tp-widget && npm i && npm run build

open ./script/index.html

В папке script содержится index.html - HTML-страница с примером вставленного виджета формы.

Результат

• Респонсивная форма, минимальная ширина 200px, максимальная 1024px (фиксированная ширина родителя в приоритете)
• К полям с датами подключены датапикеры, формат даты dd.mm.yyyy
• Кастомизация цветов кнопки, фона и текста. Кастомизация осуществляется изменением параметров src скрипта.

Технологии

• TypeScript
• Webpack
• PostCSS
• SVG (inline)
• Preact