Trello clone (old)

This application is the clone of Trello, made for fun & learning purposes. It uses Vue Options API and Vuex, it is marked as old because I'm working on a new version that will utilize Composition API and Pinia.

Technologies used

• Vue
• Vuex
• TailwindCSS

Description & details

Trello clone is project I was really excited about, mostly because Drag and drop is very common in modern world of web apps, along with file drop-zones, which are made in the similar way.

This projects relies a lot on Vuex mutations/actions that are used to rearrange order of columns and tasks, which gives app a lot of complexity. AppDrag and AppDrop components are made as a layer of abstraction for those functions. And finally it is possible to remove columns/tasks.

I had rough time working with this API, but it was fun nonetheless because I learned something very useful

Overcame obstacles

• Wrapping functionality of dragging and dropping both columns and tasks with the same components
• Changing orders of tasks/columns in exact positions with Vuex

Project links