Интерактивный сайт

Необходимо сделать Интерактивный сайт только под мобильные устройства, сайт должен быть быстры, кроссбраузерность, макет будет в Фигме.

Если не получится так реализовать с финальным кодом, то можно, чтобы в корзине просто были собранные буквы и поле для составления слова.

Либо предложите свой вариант.

Логика+ТЗ:

1. Отсканировать главный QR код: открывается сайт с приветствием, описанием и полем регистрацией (имя). После того, как человек ввел имя ему предлагается кнопка

«Начать игру» при нажатии на эту кнопку открывается QR-сканер.

2. Человек сканирует QR код с вопросами. В зависимости от QR кода открывается страница с описанием и внизу задачка с вопросами и вариантами ответа. Если правильный

ответ, то человеку дается буква из контрольного слова, которая складывается в

корзину (сделать кнопку «положите букву в корзину). Как только человек положил

в корзину, всплывает окно «отсканируйте следующий QR код».

Если неправильный ответ, то об этом сообщается и всплывает окно «отсканируйте следующий QR код».

3. Всего будет 10 QR кодов с вопросами. То есть нужно собрать 10 букв, которые будут падать в корзину. Корзину можно будет открыть только с помощью финального

QR кода (он будет отдельно). В Корзине буквы должны выстроиться как в поле чудес:

[table] [/table]

Угаданные буквы должны автоматом встраиваться в нужную ячейку. Если все буквы угаданы, то выскакивает слово и поздравлялка.

Если не все буквы собраны, то там будут пустые ячейки и нужно предложить возможность самому додумать и составить правильное слово. Это

может быть дополнительное поле с вводом всего слова. Угадывает – поздравлялка,

не угадывает – выскакивает попробуйте еще раз.