Аудит сайта на предмет его дизайна и стилистики;
Разработка HTML-структуры;
Написание CSS-кода по макету из Figma, чтобы придать HTML-структуре нужный вид дизайна интерфейса чата;
Продумывание логики для каждой функции в чате;
Подготовка Телеграм(создание группы, ботов, настройка webhook);
Построение дорожной карты, чтобы отобразить всю логику "на бумаге";
Цикл: разработка функции - тестирование;
Финальное тестирование чата: кроссбраузерность, различные сценарии поведения, проверки работоспособности "под нагрузкой (одновременно до 100 активных пользователей в чате) ";
Адаптация чата под мобильные экраны;
Презентация готового чата заказчику;
Помощь с интеграцией на сайт клиента;
Создание видео-инструкции для самостоятельного изменения некоторых частей кода без каких-либо знаний. На случай, чтобы самостоятельно можно было изменить текст, добавить горячие кнопки, изменить цвета и т.д.
Написание кода для серверной части;
Настройка корректного взаимодействия сервера с фронтендом (кодом чатом на сайте);
Подключение алгоритма шифрования и настройка шифрования данных, чтобы защитить данные от XSS-атак на сайт клиента, если таковые будут;
Обфускация кода на фронтенде с применением сложной системы шифрования для защиты;
Передача данных клиенту (сервер, телеграм группа, телеграм боты, программные коды, видео-инструкция, документация);
Написание документации - руководство по пользованию чатом и пояснение каждой функции в коде для разработчиков;
Разработка нескольких макетов в Figma, правки и доведение до идеала, который хочет клиент;