---
title: "Build with Ben (#25) - Trello Clone with Nuxt 3 (Beta) (Part 2) Overview"
description: "It's time to continue our journey of building a Trello clone with Nuxt 3 beta!"
canonical_url: "https://www.bencodezen.io/blog/build-with-ben-24-overview"
---

> Index of every page on this site: [llms.txt](https://www.bencodezen.io/llms.txt)

<youtube id="dAGhttffPB8" title="Build with Ben (#24): Trello MVP with Nuxt 3 Beta (Part 2)">



</youtube>

## 👋 Introduction

This week's Build with Ben is a continuation of the [Build with Ben (#20): Trello Clone with Nuxt 3 (Beta) (Part 1)](https://www.youtube.com/watch?v=jG9AamyzRuw), where we pick up and continue building a Trello clone!

## 📋 Outline

For this session, here's what you can expect to learn about with the respective timestamps in the video:

- [00:00:00](https://www.youtube.com/watch?v=dAGhttffPB8&t=0s) - Introduction
- [00:01:03](https://www.youtube.com/watch?v=dAGhttffPB8&t=63s) - Background on the App
- [00:04:43](https://www.youtube.com/watch?v=dAGhttffPB8&t=283s) - What is tig?
- [00:08:42](https://www.youtube.com/watch?v=dAGhttffPB8&t=522s) - Cleaning Up the UI a Bit
- [00:22:00](https://www.youtube.com/watch?v=dAGhttffPB8&t=1320s) - Adding ability to move cards between columns
- [00:39:50](https://www.youtube.com/watch?v=dAGhttffPB8&t=2390s) - When does it make sense to use a global CSS file?
- [00:43:30](https://www.youtube.com/watch?v=dAGhttffPB8&t=2610s) - Continuing Work on BaseCard Component
- [00:45:07](https://www.youtube.com/watch?v=dAGhttffPB8&t=2707s) - Add ability to migrate cards from column to column
- [00:58:23](https://www.youtube.com/watch?v=dAGhttffPB8&t=3503s) - Exploring Drag and Drop Functionality with Vue Draggable
- [01:03:38](https://www.youtube.com/watch?v=dAGhttffPB8&t=3818s) - Hacking Together a MVP Drag and Drop
- [01:20:38](https://www.youtube.com/watch?v=dAGhttffPB8&t=4838s) - Final Thoughts

## ⭐ Highlights

1. [Tig](https://jonas.github.io/tig/) is one of my favorite tools for enhancing the git CLI experience. Highly recommended!
2. Vue Draggable ended up being a wash as far as being able to get up and running quickly, but we were able to utilize [VueUse's useDraggable](https://vueuse.org/core/useDraggable/) to make a very rudimentary prototype. Keyword: rudimentary. 😅

## 📚 Resources

Here are all the resources mentioned in the video:

- [GitHub Repo](https://github.com/bencodezen/nuxt-3-trello-mvp)
- [Nuxt 3](https://v3.nuxtjs.org/)
- [Trello](https://trello.com/)
- [Vue Draggable](https://github.com/SortableJS/Vue.Draggable)
- [VueUse (useDraggable)](https://vueuse.org/core/useDraggable/)
- [Build with Ben (#23): VueUse + Vue 3](https://www.youtube.com/watch?v=2yMlzQsH6F8)
- [Tig CLI Tool](https://jonas.github.io/tig/)
- [Learn with Jason - Build Your Own Drag and Drop](https://www.learnwithjason.dev/build-a-no-framework-javascript-drag-n-drop)

## 🤔 Final Thoughts

For my one major takeaway from this experience, when things don't work, bring it down another level to find a path forward. The reason this is critical is because this means you'll make progress, which often yields opportunities for growth and learning. So while my drag and drop is 99.999% far from production ready, it was still a lot of fun!

And if you'd like to attend live for Build with Ben, be sure to check out the schedule here at [bencodezen.io/schedule](https://www.bencodezen.io/schedule). Thanks for reading!

## Sitemap

See the full [sitemap](https://www.bencodezen.io/sitemap.md) for all pages.