Запуск проекта - npm start (http://localhost:5173), проект на Vite.
- Модалка, в которой нужно ввести idInstance и apiTokenInstance для работы сервиса.
- В левом блоке, для создания чата, нужно ввести номер телефона пользователя в формате 79998887766, +79998887766 или 89998887766 (можно с пробелами, по типу +7 999 888 77 66).
- Нажать на галочку справа или Enter на клавиатуре - чат добавится в список чатов под инпутом. (Если нужно сразу несколько чатов, между ними можно таким образом переключаться. Для каждого чата своя история сообщений)
- Выбрать нужный чат из списка.
- Пишите, принимайте сообщения (Работают только текстовые и смайлики).
Дополнительно:
- Иконки Material UI c Tooltip и :hover.
- Рабочий, стилизованный (красивый зелененький) скролл в чате и списке контактов, если их высота превышает высоту контейнера.
- На каждом сообщении снизу справа есть время отправки или получения.
- Хороший адаптив до 600px. На 430px уже невозможно пользоваться чатов (текст вылазит за контейнер). Так как это ПК! версия WhatsApp, я не думаю что кто то на телефоне или планшете будет пользоваться этим сайтов, поэтому это не имеет значения.
- Если ошибка запроса к серверу, то снизу слева красный Alert - "Произошла ошибка". Если неправильный формат номера, то желтый Alert - "Неверный формат номера".