TreeView for Trello
Enable on powerups menu
Click the Trello Tree View button to open the overlay
Viola! Simple outline view for your cards and lists.
Expand/Collapse lists without archiving for a minimal view
Authorize the powerup to enable features like drag and drop!
You can drag and drop lists (needs authorization)
You can drag and drop cards between lists(needs authorization)
Select your favourite color to match your board
Sample blue theme
Sample red theme
What it does
It's a simple power up that gives the user an overview / outline for their board. Users can collapse/expand lists without archiving/closing that list. It has a pretty basic tree structure like that in most computer systems that has a GUI for directories, with pretty basic tree traversal functions. You can even reorder cards and lists while on the tree. It syncs to and from Trello's api so you don't have to go out of the tree.
board |--lists |--cards |--lists |--cards |--cards |--cards
How I built it
- Found devpost for this hackathon
- Searched the web for some tutorials( using Trello api, GitHub pages, etc. )
- Really just searched the web, mostly on GitHub there are a lot of really informative tutorials for building powerups
Challenges I ran into
Accomplishments that I'm proud of
I'm really proud of this project, as I was very excited to work on a project involving Tree Traversals, Trello API, and learned a few ECMAScript6 tricks that I could use for the next party ;). I'm also thrilled to join this hackathon and work on a project that I really like.
What's next for TreeView for Trello
I hope to continue this project for my own learning and also for the potential users of this powerup. Here are some of the things in mind that I plan to continue working on for TreeView for Trello.
- Card or list duplication/archiving using the tree