Тестовое задание на позицию frontend разработчика

Вам предстоит создать мини веб приложение, используя паттерн “Конечные автоматы” для управления состоянием интерфейса.

Посмотрите обучающее видео, в котором с помощью библиотеки XState создается управление состояниями видеоплеера.

https://www.youtube.com/watch?v=3wZBSeLxVEw

Реализуйте такой же функционал, используя React или Vue.

В видео с примером используется старая версия XState 4. Вы можете использовать версию 4 или 5.

В качестве готового компонента для окна плеера можно использовать компонент Modal из библиотеки Ant.

В качестве видеоплеера можно использовать react player или любой другой. Ссылка на видеопоток (можно использовать любой другой).

Добавьте возможность переключения плеера на уменьшенную версию окна. Логика переключения между состояниями должна быть реализована в парадигме State Machines, с добавлением новых состояний в XState.

Образец того что должно получиться находится по адресу https://test-modulbank.web.app/

Если у вас возникло желание внести улучшения в интерфейс или добавить еще какой-нибудь функционал - отлично, можете улучшить результат по своему предпочтению, это будет в плюс.

Разместите ваш вариант решения на GitHub, желательно с несколькими коммитами, с помощью который можно будет отследить шаги при реализации.