a little context
This was built in a weekend, so there may be loads of bugs
Technologies I used:
For the javacript part:
For the css part:
- Bulma.io
- little custom css
How it works:
All the data is stored in the local storage of your browser (vuex-persistedstate takes care of that).
A central store (Vuex) is used to help keep track of all the changes and update the DOM whenever a change is made.
All the lists inside any project & all the items of any list are draggable with the help of Vue.Draggable.
This means that you can sort the lists and the items however you want.
For example: you have the ability to move/drag 'item1' from 'list 1' to 'list 2' etc.
The uuid package was used to help create unique ids for all the projects, lists and items.
Finally you can change the background color of any project through the little settings icon ( ) on the top right corner of the project's page.