node-vuejs-typescript-vuex-redis-docker-compose

Background

As part of understanding the concept of vue.js node.js with docker I have developed some application, I hope it will help you to do a quick start on your learning journey

GIT Link

git clone https://github.com/askeralim/node-vuejs-typescript-vuex-redis-docker-compose.git

Projects

Project 1: ChatApp

A Complete Vuejs+vuex with socket.io ChatApplication developed, backend run by node.js with Redis server To run this application it have two node project running in localhost (Still in Development mode, Some typescript bugs need to be fixed.)

ChatApp-Server Run the server in one termins with following command.

Server Running Command

cd chatapp-vue-server
npm install
npm run start

ChatApp-Client Run the vuejs application in one termins with following command.

Client Running Command

cd chatapp-vue
npm install
npm run serve

Running Application Screen:

The application can be accessed with link

http://localhost:8080

Project 2: Deploy the VueJs ChatApp in Docker container

Working on it, have some TypeScript Bugs need to be fixed.

The Application is available @ (https://github.com/askeralim/node-vuejs-typescript-vuex-redis-docker-compose/tree/master/chatapp-vue-docker-compose)

cd chatapp-vue-docker-compose

Build the docker images using following command

docker-compose -f dev.docker-compose.yml build

Run the application using Docker-Compose

docker-compose -f dev.docker-compose.yml up

It will run 4 Docker Images

1. Redis Server
2. NGINX Server listening port 80
3. Client - Vue Application
4. Server - Node.js Server Application

The application can be accessed with link

http://localhost/