Реализованы клиентская и серверная части. В серверной части применяются технологии WebSocket и ServerSentEvents.
- При загрузке страницы появляется всплывающее окно, в которое необходимо ввести никнейм, под которым пользователь будет зарегистрирован в чате.
- Если такой никнейм занят - в окне отображется всплывающее предупреждение.
- Если никнейм свободен, то открывается окно чата.
- Каждый новый пользователь отображается в общем списке - с левой стороны от чата.
- Сообщения пользователя выравниваются по правому краю, сообщения других участников отображаются по левому краю.
- Если пользователь закрывает чат (на гифке - перезагрузка страницы), то у других пользователей данный никнейм удаляется из общего списка.