Нужен минималистичный пример для оценки применимости технологии к моей задаче. Нужны технологии: React, Typescript, Redux, intro.js (или аналог), webpack (или react-scripts). 1. Одна страница, на ней расположен пустой на 100% размера, и справа вверху одна кнопка "Кнопка" поверх canvas. 2. Запускается режим intro: 3. В центре canvas рисуется круг 100 пикселов диаметром. Рядом с кругом отображается подсказка "Это круг", при этом остальная часть окна затенена и заблокирована (т.е. "Кнопка" не нажимается). На подсказке есть кнопка "Далее", после её нажатия переходим к следующему шагу intro: 4. Подсвечивается "Кнопка" в правом верхнем углу экрана, рядом с ней подсказка "Это кнопка, нажмите на неё". Кнопки "Далее" в подсказке нет. После нажатия "Кнопки", переходит на 3й шаг Intro: 5. справа "выезжает" поле многострочного ввода. Размер примерно на 80 % по высоте и на 20% по ширине окна, остаётся в правой части. Внизу редактора текста одна кнопка "Готово". После "выезда", всё затеняется кроме редактора текста, подсказка рисуется рядом с ним и сообщает "Введите сюда любой текст и нажмите "Готово". После нажатия "Готово", затенение исчезает, интро завершено. Состояние intro и вообще системы – через Redux. Реализацию intro – можно самописанную, можно intro.js или другую – на ваш выбор. Результат должен быть представлен в виде .tar.gz архива, который я распакую, запущу yarn && yarn dev (или аналогичные команды типа npm) и получу браузер с открытым intro.

Похожие

Посмотрите другие вакансии

Вот самые похожие вакансии

Новый поиск