Для конструктора чат-ботов необходимо натянуть фронт по макету с figma. Конструктор представляет из себя графический редактор диалогового сценария в виде блок-схемы. Боты для ВК и Telegram.
За основу был выбран конструктор https://app.chatbot.com Посмотрите описание страниц и прокликайте этот конструктор, тогда поймете о чем речь.
Большая часть работы по фронту выполнена, использовался Angular 2.
Описание работы:
1. Главная страница
-фильтры по ботам "Настройка отображения карточек ботов (плитка/ карусель); фильтрация по каналам/ категориям"

2. Workflow (визуальный редактор, где собирается бот)
-загрузка в схему файлов (картинки, аудио, видео, документы)
-кнопки бота (Inline и reply-кнопки. Имеют кастомизацию по количеству, расположению, цвету и отправляемому тексту)
-переменные (Это часть пользовательского запроса, которую можно выделить из фразы в виде каких-то языконезависимых данных. Например: текст, числовые данные, дату/время или файл)
-отложенная отправка (сообщение от бота, которое отправляется через заданный промежуток времени (секунды, минуты, часы, дни))

3. Интеграции ВК и Telegram
-список уже подключенных каналов (статус, возможность отвязки)
-подключение Telegram (по токену)
-подключение ВК (через авторизацию Вконтакте)

4. Диалоги (страница на которой можно просмотреть ВСЕ диалоги с пользователями, от ВСЕХ собранных на конструкторе ботов, а также пообщаться от лица бота)
-фильтры по диалогам (строка поиска по ключевым словам, это может быть ФИО, ник, переменные. Выбор канала (ВК или Телеграм) Выбор бота галочками)
-рассылка (через это окно можно написать сообщение с вложениями и отправить по фильтрам (канал,проект, пользователи) и назначить дату (по календарику) и время (числовое значение и выбор секунды/минуты/часы/дни/недели) отправки рассылки)
-выгрузка диалогов (в формате CSV)
-сообщения диалогов (Списки диалогов. Ответить от лица бота текстовым сообщением)
-карточка клиента (Название бота, канал, первое посещение, последнее посещение (дата и время) ФИО, Номер телефона, почта, тип устройства)
-удаление и блокировка диалогов (При удалении диалога все данные о пользователе и переписке удаляются. При блокировании диалога, сообщения от пользователя не попадают в систему, бот не даёт ответы на сообщения данного пользователя)
-метки диалогов по цветам (Возможность поставить необходимый цвет диалогу. красный, зеленый, желтый, синий)
По бюджету договоримся.