Implementations used:

Also includes these Angular-2 modules:

Injectables

Forms

Routing & Navigation

The Chat-App has two Angular-2 components:

Nickname: For the welcome page that initiates socket client connection.

Chat: For the chat page which depicts message flow between different sockets.

Chat component comprises the below mentioned functionalities:

ChatBox- Shows the interaction between different chat-Users/socket connections. ChatUsersList- Shows the currently active chat-users/sockets. ChatUserAlert- Shows the chat-user alerts for new user connection, dis-connected user and success for message passing.

This is the very basic structure of my Angular-2 & Socket.io based Chat-App. In coming days we will add some more features that will make the app much more responsive and user friendly. This is an open source project, which allows to clone and fork.

Please share and recommend my article.