In this video tutorial, we build a trello clone using Nuxt.js and Vuetify. We start by building authentication so that users can login and have seperate user accounts to manage their boards, lists and cards.
In this video tutorial, we build a trello clone using Nuxt.js and Vuetify. We start by building authentication so that users can login and have seperate user accounts to manage their boards, lists and cards. Once logged in, you will be able to create boards, just like in trello. You can then select a board color, or background image if you want. We also create a dynamic route for our boards and create CRUD functionality for lists and cards to be added to our boards, all stored within each board object. All of this is stored in Firebase using firestore database and firebase storage. I try to explain the code as best as possible, however, the code examples and code repository can also be downloaded for free from the link above. This is meant to be a starting point from where you can extend this trello clone even further, and I am excited to see what everyone will build.
Veluxi Starter - Vue JS Landing Page Template .Veluxi Vue.js Starter Project with NuxtJS and Vuetify
Plausible Analytics for Vue.js and NuxtJS Vue.js plugin and NuxtJS module for Plausible Analytics