yankvasya / wp-custom-chat

Pure javascript website

wp-custom-chat

Html, SCSS, JS, Webpack, Websocket

Общий чат.
Из возможностей: переписка с несколькими пользователями.
У каждого пользователя есть возможность поменять аватарку.
У каждого блока сообщений отображаются: время отправки сообщения, никнейм отправителя и его аватарка.
При присоединении пользователя или выходе из чата приходят уведомления в чат об этом, с указанием того, кто пришел/вышел из чата.
Также имеется боковое меню, в котором указан текущий онлайн (за исключением текущего пользователя), также там же можно кликнуть на текущую аватарку и поменять ее.

На данный момент, на github pages можно ознакомиться со внешним видом Общего чата, однако для того, чтобы появилась возможность самой переписки, нужно запустить Server.js (websocket). Как именно запустить Server.js - указано ниже

Проект был выполнен в рамках обучения в Loftschool

Project setup

yarn

or

npm install

##Для запуска WebSocket на DEV сборке

node src/server.js

Compiles and hot-reloads for development

yarn dev

or

npm run dev

Compiles and minifies for production

yarn build

or

npm run build