Skip to content

Latest commit

 

History

History
54 lines (39 loc) · 2.03 KB

README.md

File metadata and controls

54 lines (39 loc) · 2.03 KB
Raw

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.