reference-letters-vuejs-client

A front end web application about reference letter handling in the context of DIT HUA Thesis "Use of devops methodologies and tools in development and production environment of web applications"

Languages and Tools:

Table Of Contents

1. Table Of Contents
2. Project setup
3. Deploy vuejs project to a VM (Virtual Machine)
   3.1. CI/CD tool configuration (Jenkins Server)
   3.2. Deployment with Docker and docker-compose using Ansible

Project setup

npm install
cp .env.example .env # Copy .env.example to .env and replace with your values
npm run serve # Compiles and hot-reloads for development

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

See what you have done

Deploy vuejs project to a VM (Virtual Machine)

For deployment see here

CI/CD tool configuration (Jenkins Server)

For jenkins configuration see here

Deployment with Docker and docker-compose using Ansible

The vuejs container is built according to the Dockerfile

More about deployment with Docker see here and here

Docker Images - GitHub Container Registry

# build image
docker build . -t ghcr.io/panagiotis-bellias-it21871/ref-letters-vuejs-client:latest
# push image
docker push ghcr.io/panagiotis-bellias-it21871/ref-letters-vuejs-client:latest