Upgrade UI to use VueJS

[jdenoc]

Vue JS, plus this upgrade will also include using bulma for styling instead of bootstrap.

This upgrade will require utilising NodeJS and ~NPM~ Yarn.

EDIT: See here for list of ongoing tasks related to this.

EDIT2: Bringing this up from further down the conversation. Vue components we expect to use:

• [x] institutions pane
  • [x] institutions row
  • [x] account row
  • [x] closed account row
• [x] entries list
• [x] entry list row
• [x] loading dialog/screen
• [x] entry modal
  • [x] Hotkey to close entry modal (See #151)
  • [x] Order attachment elements within entry-modal (See #170)
• [x] filter modal
  • [x] Allow filtering of entries by disabled account/account-type (See #173)
• [x] transfer modal (See #159)
• [x] statistics/summary page (See #94)
• [ ] settings page (See #96)
  • [ ] institution/account/account-type/tag update section (See #95)

[jdenoc]

Suggestion: Use Epic Spinners Or something simpler like loaders.css

[jdenoc]

VueJS/Laravel integration tutorials

[jdenoc]

Testing VueJs

• Laracasts | Testing Vue Tutorial videos
• scotch.io | How to Write A Unit Test for Vue.js
• vue-test-utils
• nick-basile.com | Testing a Vue.js and Laravel Todo App
• Medium.com | Unit testing with Vue - Approaches, tips, and tricks
• Testing Vue components with Laravel Dusk

[jdenoc]

• Uploading file(s) with VueJs & Axios
• filepond | file upload libaray

[jdenoc]

Suggestion: Use CSS glitch effect

[jdenoc]

Vuex state

[jdenoc]

Removal/replacement of Bower. See #76

[jdenoc]

Building a Vue SPA* with Laravel

*: Single Page Application

[jdenoc]

User profile image tool: https://laravelexamples.com/tag/laravolt-avatar