In this post, I'll be going over how I created the sub menus in Carpe Debitum and the subsections using Vue router. You may be able to use what I did to accomplish something similar.
It's been a couple of months, but I've continued working with VueJS and Spring Boot to add new front-end features such as new subsections and other areas for tracking purposes.
Using VueJS along with Vuex has been a blessing in disguise to really help put things together for the frontend. Here's a look at the revised design after an evening of looking at colors and getting inspiration from other applications. This is why I'm not a UX/UI designer.
I got tired of using spreadsheets to track my financial debt accounts like my credit cards and school loans, so I decided to start a project using VueJS for the frontend and Spring Boot (Java) for the backend.