I created this project to learn about VueJS. You'll find some key concepts about this frameworks and I tried to manage all of this stuff in a "real app" way 😀 (#NoMoreHelloWorld => trying to do my best !)

• Init project with Vue CLI (ESLint, VueRouter, VueX, Vuetify...)
• Managing data with services and stores (mutations/action) from VueX
• Routing each page
• Complete Home page (presentation of the project)
• Complete Metrics page (viewing progress bar for data such as CPU, MEM, DISK...)
• Complete Configs page (viewing information with good UI UX, auto detects values (thresholds, size...)
• Complete Settings page
• Documentation
• Dockerize the whole app

Homepage	Metrics
Configprops	Settings

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Simulate back-end server

You can create a Spring Boot application (with Actuator included) or run this Docker image which is ready:

docker run -p 8080:8080 corentinmb/spring-boot-actuator

And access localhost:8080/actuator

Compiles and minifies for production

The whole stack (front and back has been dockerized):

docker-compose up -d

It will brings up a full production ready (AOT VueJS build) stack that can be deployed everywhere.

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.