Разработать TG Mini App (Фронтенд)
Необходимо разработать Telegram mini app (фронтенд приложение).
За основу дизайна можно взять пример со скринов (действующее Android-приложение):
Сверху - 2 поля по 5 слотов для героев, наполняются с помощью нажатий на героев в списках ниже. Один герой может быть только в одной команде и в единственном числе, при попытке выбрать его для другой команды - он удаляется из текущей и переходит в другую. При нажатии на героя в одном из полей он удаляется из этого поля.
Ниже - поле ввода текста, для быстрого поиска нужных героев. При вводе текста списки внизу фильтруются по правилу "каждый элемент должен содержать введенный текст", нечувствительно к регистру. Рядом - кнопка очистки обоих полей команд.
Внизу - 2 пролистывающихся списка героев. Каждый элемент должен содержать картинку, подпись(имя героя) и его айди (не видно пользователю). При нажатии на героя в списке он попадает в соответсвующее списку поле команды.
Когда оба поля команд будут заполнены - появляется кнопка "Анализировать". По нажатию на эту кнопку отправляется POST запрос к REST API, содержащий список id героев одной команды, список id героев второй команды и дополнительную информацию для аутентификации пользователя (о ней ниже).
От API приходит ответ. Ответ содержит необходимую информацию плюс списки значений для построения графиков. Всю полученную информацию нужно отобразить (скриншот 3).
Т.к. это Mini App, оно должно аутентифицировать пользователя. Анализ должен быть выдан только пользователям, у которых в БД бота есть значение "true" в колонке "is_allowed", это можно реализовать либо через API, либо выслушаю ваши предложения, если возможно сделать лучше.
В отклике указывайте обязательно ваш ник/ссылку в Telegram для связи и приблизительную цену, за которую выполните заказ.
За основу дизайна можно взять пример со скринов (действующее Android-приложение):
Сверху - 2 поля по 5 слотов для героев, наполняются с помощью нажатий на героев в списках ниже. Один герой может быть только в одной команде и в единственном числе, при попытке выбрать его для другой команды - он удаляется из текущей и переходит в другую. При нажатии на героя в одном из полей он удаляется из этого поля.
Ниже - поле ввода текста, для быстрого поиска нужных героев. При вводе текста списки внизу фильтруются по правилу "каждый элемент должен содержать введенный текст", нечувствительно к регистру. Рядом - кнопка очистки обоих полей команд.
Внизу - 2 пролистывающихся списка героев. Каждый элемент должен содержать картинку, подпись(имя героя) и его айди (не видно пользователю). При нажатии на героя в списке он попадает в соответсвующее списку поле команды.
Когда оба поля команд будут заполнены - появляется кнопка "Анализировать". По нажатию на эту кнопку отправляется POST запрос к REST API, содержащий список id героев одной команды, список id героев второй команды и дополнительную информацию для аутентификации пользователя (о ней ниже).
От API приходит ответ. Ответ содержит необходимую информацию плюс списки значений для построения графиков. Всю полученную информацию нужно отобразить (скриншот 3).
Т.к. это Mini App, оно должно аутентифицировать пользователя. Анализ должен быть выдан только пользователям, у которых в БД бота есть значение "true" в колонке "is_allowed", это можно реализовать либо через API, либо выслушаю ваши предложения, если возможно сделать лучше.
В отклике указывайте обязательно ваш ник/ссылку в Telegram для связи и приблизительную цену, за которую выполните заказ.