Разработка чата

Требуется разработать web версию чата.

Требования к чату:

- только frontend. Технологии на усмотрение разработчика

- адаптирован под мобильную и декстоп версию

- скорость работы

- легкость (не надо грузить тучу библиотек)

- простота и возможность кастомизации в дальнейшем

- можно использовать сторонние решения

- работать должен без перезагрузки страницы

Backend - laravel, API и примеров запросов нет, мы их будем делать под требования web версии чата.

Не надо никакой авторизации, просто одна страница - чат.

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

В коде или отдельным файлом составить примеры ответов с бекенда, которые ожидает web версия для правильного функционирования.

На странице чата должно быть:

- список всех чатов

 - максимум в списке 50 чатов и кнопка простой пагинации (вперед, назад)

 - чаты должны быть сгруппированы по пользователям, которым пишут менеджеры. Некая вложенность. Раскрываем пользователя и видим список его чатов.

В поле списка отдельно взятого пользователя должно быть:

• - фото пользователя, с которым общаемся
• - время последнего сообщения во всех чатах
• - кол-во непрочитанных сообщений от этого пользователя во всех чатах
• - какая-либо пометка статуса пользователя, визуально на ваше усмотрение, формат статуса true/false

• - фото обоих пользователей
• - последнее сообщение (и от кого)
• - кол-во непрочитанных сообщений
• - время последнего сообщения в данном чате

• - существующие сообщения
• - время отправки сообщений
• - поле для написания нового сообщения, кнопка отправить (соответствующий функционал и анимация, с отправкой на бекенд)
• - кнопка удалить (соответсвующий функционал и анимация, с отправкой на бекенд)
• - кнопка редактировать (соответсвующий функционал и анимация, с отправкой на бекенд)
• - доп. информация о пользователе с которым общаемся
• - доп. информация о пользователе от лица которого пишем

• - фото профиля
• - имя
• - возраст
• - пол
• - короткое описание (до 4-х слов)
• - описание (до 255 символов)
• - теги (до 7-ми штук)
• - страна, город
• - ссылка на профиль

• - фото профиля
• - имя
• - возраст
• - пол
• - короткое описание (до 4-х слов)
• - описание (до 255 символов)
• - теги (до 7-ми штук)
• - страна, город
• - ссылка на профиль