Vue.js - Simple Tasks

In this project, I implement Vuex, the official state management solution for Vue, to manage the state throughout my app made up of only three components. These are structured with Bootstrap-Vue 2 (Bootstrap 4.5) and the task entry form is validated with VeeValidate 3, whose API changes radically compared to version 2.

The operation of the application is very simple, tasks can be entered with the upper input, they can be marked as completed by clicking on the check box next to each one or edit these by double-clicking on them or clicking on the button next to them. With the x the task is eliminated. All these operations are communicated to Vuex, which is in charge of communicating the status of each task to the other components.

To see the source code of project you can visit: VueJS-simple-task.

You can view the live version running on CodeSandbox: VueJS-simple-task.