Each chat channel has its own note view. It is common to channel users. Channel members can arrange, create, edit, delete or change color of the notes. The note view is updated in real time. Connected users and active channels are shown for application users.
- MongoDB installation
- In Windows environment it's easiest to install signed version:
-
- download installer
- run
msiexec.exe /l*v mdbinstall.log /qb /i mongodb-win32-x86_64-2012plus-4.2.6-signed.msi
- npm get npm
- run
npm install
in folderchat-client
- run
npm install
in folderchat-server
- create .env file with content:
into folder
MONGODB_URI=mongodb://localhost/chat PORT=3003 NODE_ENV=test SECRET='mySecretStrimg'
chat-server
Application doesn't work in Edge browser! For testing purpose needs to have own browser per session with one pc. for example Chrome for user1 and Firefox for user2. Browser's local storage doesn't handle multiple sessions correctly in this solution.
npm start
in chat-server folder.npm start
in chat-client folder.
- yellow border (type hover) restricts working area for the notes. The working area is draggable because it covers bigger area than browser window has. On that area you can add note with the right mouse button (does not work with Apple mouse)
- right upper corner has the chat window with the channel selection list and button for creating new channel
- over the area marked with red, the right mouse button opens a menu for editing the note. Text content update occurs for other users and the database when focus get out from the text area.