Приветствую Ребят для оценки работы предлагаю пример стартовых задач, далее тз по запросу если есть понимание что сможете разобраться.
ТЗ Кратко
Повторяем getreview.ru . Если не хватает инфо, смотри как сделано у них


JTBD
С нашим продуктом клиент сможет:

1. Показать виджет на своем сайте
2. Настроить виджет: видео, цвет, действия
3. 
   
   
   
   • Оценить профит, посмотреть аналитику

Для MVP делаем 1 и 2.


Js-код виджета Как работает – посмотреть getreview.ru. Используем это как реф

Задача Написать js-код, который можно добавить на существующую страницу и тогда на этой странице будет отображаться виджет, который описан на сайте getreview.ru

Этот код может обращаться к серверу, запрашивать другие js

Основные моменты

• окно виджета идет поверх страницы

• привязано к левому нижнему углу браузера, остается там при resize

• сразу крутит видео, зациклено, без звука

• использует файл mp4, на нашем хостинге

• при наведении мыши виджет реагирует (см реф)

• при клике на виджет – окно становится больше, видео крутится со звуком. Через n секунд появляется текст-ссылка поверх ролика

• при клике на "X", исчезает

• отправляет события на наш сервак
  • http get запрос на uri=widgetEvent . В параметрах передает event и widgetId. Например: http://mysite.com/widgetEvent?event=show&widgetId=...
  • ролик показан, event=show
  • на ролик кликнули, event=open
  • ролик со звуком дошел до середины, event=middle
  • ролик со звуком дошел до конца, event=finish
  • кликнули на целевую ссылку, event=submit

Приемочный тест Когда работа сделана, проведем приемку по такому сценарию

Орг.подготовка

• со своей стороны я подготовлю
  • файл mp4 длиной 5 секунд, расположен на моем хостинге
  • rest-поинт для событий, крутится на моем хостинге
  • id для виджета, придумаю число 64 бит
  • 2 html-страницы, на моем сайте

• передаю инфо
  • ссылка на файл mp4
  • ссылка на rest-поинт
  • желаемый id
  • текст кнопки и ссылка куда перейти

• получаю
  • текст js-кода, который следует вставить на моих страницах
  • js-файлы, которые нужно расположить у меня на сервере

• добавляю js-код на страницы

• тестируем, что виджет работает - проверяем пункты из части "основные моменты"

Тест

1. Открываю страницу
   1. → виджет показан, крутится без звука

1. Навожу мышь поверх виджета
   1. → виджет отреагировал: увеличился на 10%, поменял цвет рамки, появился крестик

1. Кликаю на виджет
   1. → виджет увеличился в 2 раза, появился звук
   1. повторно кликаю на виджет
      1. → видео встало на паузу
   1. еще раз кликаю на виджет
      1. → видео продолжилось
   1. → через 5 секунд появилась кнопка поверх виджета
      1. → текст кнопки равен тому что передавал

1. Кликаю на X
   1. → виджет исчезает

1. Проверяю, какие запросы пришли на rest-поинт