Проект UOL Чат
Реализованный проект представляет собой чат в реальном времени, вдохновленный UOL Chat. Это позволяет пользователю войти в чат, отправлять и получать сообщения, а также просматривать предыдущие сообщения, которыми обменивались в комнате. Он основан на чистых технологиях JavaScript и не использует библиотеки или другие языки, компилируемые в JavaScript. Кроме того, он использует API Chat UOL для поддержания соединения пользователя и реализации некоторых функций.
Чтобы проверить работу проекта, перейдите по этой ссылке: https://projeto5-batepaouol-navy.vercel.app/
О
Проект был мотивирован необходимостью развить навыки чистого JavaScript и изучить разработку чатов в реальном времени. В проекте реализованы следующие возможности:
- Вход в комнату: когда пользователь заходит на страницу, ему предлагается ввести свое имя, а затем имя отправляется на сервер для регистрации пользователя. Если сервер отвечает успешно, пользователь может присоединиться к комнате. В противном случае он должен выбрать другое имя.
- Отправка сообщений: Пользователь может отправлять сообщения в чат. Если сервер отвечает успешно, сообщения чата обновляются и отображается новое сообщение.
- Просмотр сообщений: в чате отображаются прошлые сообщения из комнаты чата, а также новые отправленные сообщения. Существует три типа сообщений: обычные сообщения, зарезервированные сообщения и сообщения о состоянии (например, «Присоединился» или «Покинул» комнату). Каждый тип сообщения имеет свой фон, и зарезервированные сообщения отображаются только в том случае, если отправитель или получатель тот же, что и пользователь.
- Автоматическое обновление: комната чата обновляется каждые три секунды, чтобы держать пользователя в курсе последних сообщений.
- Поддержание соединения: сервер должен знать, что пользователь все еще находится в сети. Для этого система каждые 5 секунд должна отправлять POST-запрос в Chat UOL API, сообщающий, что пользователь активен.
- Поиск сообщений: пользователь может искать предыдущие сообщения в чате.
Технологии
Как запустить проект
- Клонируйте репозиторий на свой локальный компьютер.
- Откройте файл index.html в веб-браузере.
- Введите свое имя и нажмите «Присоединиться к комнате».
- Отправляйте и получайте сообщения в чате.
Как внести свой вклад
Вклады всегда приветствуются! Если вы обнаружите какие-либо ошибки или у вас есть предложения по новым функциям, не стесняйтесь открыть проблему или запросить извлечение.
Мобильный макет
