Lan-Messenger

This application is targeting mobile users intends to help the user messaging on localhost or another given host. A user can find other users and send or receive messages from this application.

Objectives

• Can send or receive messages from registered users.
• Show online users.

Technical Challenges

• Build a system using WebSocket that can communicate between two specific clients as any chat app does.
• Connect WebSocket with express.
• A client can send a message to another client whether the client is online or not.
• Active Sockets:
  • Show active sockets to communicate using WebSocket.
  • Remove active sockets after logout
• Design a NoSQL chat schema that effectively helps to load the chat page.

Disadvantages

• This app is built to demonstrate socket communication so that no database is used, server stored data in local storage as a string. But stored data can be parsed as JSON and used as NoSQL database schema.
• For the first time messaging, other users have to be online and then from online list they can send a message after that it will be listed on the message list page.
• This application is not built for design purpose.

Installation and Run

• Frontend

  • To install run:

    npm install
    

  • To run on development mode (it will run in http://localhost:4200 by default):

    npm run start
    

  • To build on production mode (it will run in http://localhost:4200 by default):

    npm run build
    

• Backend

  • To install run:

    npm install
    

  • To run development server (it will run in http://localhost:3000 by default):

    npm run dev:server
    

  • To run server (it will run in http://localhost:3000 by default):

    npm run server
    

Screenshots