front-end | back-end |
---|---|
React | Express |
Redux | Socket.io |
Socket.io | |
Axios |
Без БД. все данные хранятся просто в переменных
- Сохранение авторизации с помощью cookies.
- Валидация ников новых пользователей. проверка на занятость, проверка на длину
- Выбор цвета ника.
- Ответ пользователю при клике по нику. Если в поле сообщения пусто, то вставляется ник получателя в начало сообщения с запятой. Если в поле сообщения что-то есть, то вставляется ник получателя с "@"
- Выделение сообщений, адресованных текущему пользователю
- Возможность изменить ник и его цвет в настройках
- Адаптивность под мобильные устройства.
- Возможность открепить и перемещать чат на десктопе
- Анимированное сворачивание-разворачивание, появление меню, новых сообщений и пр.
- Возможность закрыть алерт до конца таймера, кликнув на него.
- Отображение количества авторизированных пользователей онлайн.
- Если в данный момент чат прокручен не выше 3-4 последних сообщений, то при поступлении нового сообщения чат будет автоматически прокручен к нему. Если чат прокручен выше, то при поступлении нового сообщения положение скролла чата не изменится