Title: Build a Drag-and-Drop Trello Board with Vue.js
Description: Get hands on with this fun Trello board project! Learn how to create a drag and drop interface with Vue Draggable, style it with Tailwind CSS,...
Link: https://vueschool.io/courses/build-a-drag-and-drop-trello-board
Difficulty: #ADVANCED
Type: #PREMIUM
Lessons: 16
Tags: #vueschool
----

Title: 1 - What We Are Building
Link: https://vueschool.io/lessons/what-we-are-building-trello-board
Video: 3:20

Title: 2 - Bootstrap the Project
Link: https://vueschool.io/lessons/bootstrap-the-project-trello-board
Video: 5:02

Title: 3 - Create Simple Board and Task TS Types
Link: https://vueschool.io/lessons/create-simple-board-and-task-ts-types
Video: 5:18

Title: 4 - Provide the Board Data and Structure the HTML
Link: https://vueschool.io/lessons/provide-the-board-data-and-structure-the-html
Video: 8:36

Title: 5 - Style the Board with Tailwind CSS
Link: https://vueschool.io/lessons/style-the-board-with-tailwind-css
Video: 6:23

Title: 6 - Create a Task Component and Style it with Tailwind CSS
Link: https://vueschool.io/lessons/create-a-task-component-and-style-it-with-tailwind-css
Video: 8:00

Title: 7 - Sort the Columns with Vue Draggable
Link: https://vueschool.io/lessons/sort-the-columns-with-vue-draggable
Video: 6:00

Title: 8 - Draggable Transition and Drag Handle
Link: https://vueschool.io/lessons/draggable-transition-and-drag-handle
Video: 4:53

Title: 9 - Drag and Drop Tasks Between Columns
Link: https://vueschool.io/lessons/drag-and-drop-tasks-between-columns
Video: 6:07

Title: 10 - Alt Drag to Clone Tasks
Link: https://vueschool.io/lessons/alt-drag-to-clone-tasks
Video: 4:21

Title: 11 - Vue Draggable Sortable Classes
Link: https://vueschool.io/lessons/vue-draggable-sortable-classes
Video: 5:51

Title: 12 - Add a New Task
Link: https://vueschool.io/lessons/add-a-new-task
Video: 4:51

Title: 13 - Delete Tasks with Backspace
Link: https://vueschool.io/lessons/delete-tasks-with-backspace
Video: 8:16

Title: 14 - Edit, Add, and Remove Columns
Link: https://vueschool.io/lessons/add-remove-columns
Video: 10:58

Title: 15 - Persist Tasks to Local Storage
Link: https://vueschool.io/lessons/persist-tasks-to-local-storage
Video: 3:08

Title: 16 - Course Conclusion
Link: https://vueschool.io/lessons/build-a-drag-and-drop-trello-board-course-conclusion
Video: 1:22