Build Node.js Vue.js Vuex Zoom Clone Video Chat Project Using & WebRTC in Javascript Full Project For Beginners

  • Post author:
  • Post category:Vue
  • Post comments:0 Comments




Chat application with 1 to 1 and many to many video functionality using VueJSVuexWebRTCSocketIO,NodeJS and Redis

Quick start

First of all, you need to install and run the redis in your PC. Here there is an article for Mac OS X. Once Redis is up and running:

# Clone the repo
git clone

# Change into the repo directory
cd video-chat

# install
npm install 

# Start the FE in dev mode
npm run serve

# Start the server
npm run run:server

Then visit http://localhost:8080 in your browser

Horizontal scaling

To test out the horizontal scaling we’ll create 3 different instances. Each one running a unique nodeJS process serving the FE and exposing the API


# Build the images
docker-compose -f docker-compose.yml build

# Create and run the three instances
docker-compose -f docker-compose.yml up

The webapp will be exposed on http://localhost:3000http://localhost:3001 and http://localhost:3002, each one with a different socket connection

See also  How to Auto Deploy Vue.js App From Github to Heroku Platform in 2020 Full Tutorial For Beginners




Video chat app using Vue, Vuex, WebRTC, SocketIO, Node, Redis & Docker with horizontal scaling. Multiparty and 1 to 1 video functionality, several public rooms and user status


Leave a Reply