This project demonstrates use of a Single Page App (written in Vue.js) with a microservices backend (using Micronaut).
The project is a Gradle multi-project build, with subprojects for inventory ("business logic"), auth (user authentication), gateway (API gateway for the SPA), and frontend (Vue.js SPA).
The inventory, auth and gateway services expect Consul to be running at localhost:8500. This can be most easily accomplished using Docker:
docker run -d -p8500:8500 consul
Once Consul is running, the services can be started up using Gradle (order is suggested, not required, but all three services should be running prior to making requests against the Gateway).
Start the inventory service:
./gradlew inventory:run
Start the auth service:
./gradlew auth:run
Start the gateway service:
./gradlew gateway:run
Start the frontend with either Gradle or NPM/Yarn:
./gradlew frontend:serve
...or
cd frontend; npm install; npm run serve
The Gateway will run at http://localhost:8080
Access the frontend UI at http://localhost:3000
Users (usernames case sensititve):
ACME/password
Makers/password
Admin/password
The API documentation for the Gateway can be found at http://localhost:8080/swagger-ui/