Build with Ben (#24): Trello MVP with Nuxt 3 Beta (Part 2)
ℹ️ About
Today I'll be continuing my journey to build a Trello MVP clone with Nuxt 3 beta! We'll be cleaning up the styles, and trying out a new draggable library to add more interaction to the app.
- Build with Ben (#20): Trello Clone with Nuxt 3 (Beta) (Part 1) - • Build with Ben (#20): Trello Clone wi...
- Live Stream Schedule - https://www.bencodezen.io/schedule
📖 Chapters
00:00:00 - Introduction
00:01:03 - Background on the App
00:04:43 - What is tig?
00:08:42 - Cleaning Up the UI a Bit
00:22:00 - Adding ability to move cards between columns
00:39:50 - When does it make sense to use a global CSS file?
00:43:30 - Continuing Work on BaseCard Component
00:45:07 - Add ability to migrate cards from column to column
00:58:23 - Exploring Drag and Drop Functionality with Vue Draggable
01:03:38 - Hacking Together a MVP Drag and Drop
01:20:38 - Final Thoughts
📚 Resources
- GitHub Repo - https://github.com/bencodezen/nuxt-3-...
- Nuxt 3 - https://v3.nuxtjs.org/
- Trello - https://trello.com/
- Vue Draggable - https://github.com/SortableJS/Vue.Dra...
- VueUse (useDraggable) - https://vueuse.org/core/useDraggable/
- Build with Ben (#23): VueUse + Vue 3 - • Build with Ben (#23): VueUse + Vue 3
- Tig CLI Tool- https://jonas.github.io/tig/
- Learn with Jason - Build Your Own Drag and Drop - https://www.learnwithjason.dev/build-...