Джира как скрам / канбан доска

Question

У меня есть новое требование в моем существующем проекте, чтобы клиенты хотели управлять всеми его проектами и командами вместе в новом модуле, называемом управлением проектами.

    i have to build something like below link ,forget right side bar

    https://divante.co/blog/wp-content/uploads/2015/03/Patryk1.png

    my raw data will be something like :-

    let project = {};
       project.title="first project at smartdata";
       project.description="project description details";

       project.stags:[
                      {
                       name:"todo",
                       index:0,
                       tasks:[
                               {
                                 name:"first task under stage todo",
                                 description:"first task description under stage todo",
                                 subtasks:[
                                           {
                                            name:"subtask1 under stage todo task1",
                                            description:"subtask1 description under stage todo task1"
                                           }, 
                                           {
                                            name:"subtask2 under stage todo task1",
                                            description:"subtask2 description under stage todo task1"
                                           }
                                         ]
                               },

                               {
                                 name:"second task under stage todo",
                                 description:"second task description under stage todo",
                                 subtasks:[
                                           {
                                            name:"subtask1 under stage todo task2",
                                            description:"subtask1 description under stage todo task2"
                                           }, 
                                           {
                                            name:"subtask2 under stage todo task2",
                                            description:"subtask2 description under stage todo task2"
                                           }
                                         ]
                               }



                             ]

                      },
                      {
                       name:"completed",
                       index:1,
                        tasks:[
                               {
                                 name:"first task under stage completed",
                                 description:"first task description under stage completed",
                                 subtasks:[
                                           {
                                            name:"subtask1 under stage completed task1",
                                            description:"subtask1 description under stage completed task1"
                                           }, 
                                           {
                                            name:"subtask2 under stage completed task1",
                                            description:"subtask2 description under stage completed task1"
                                           }
                                         ]
                               },

                               {
                                 name:"second task under stage completed",
                                 description:"second task description under stage completed",
                                 subtasks:[
                                           {
                                            name:"subtask1 under stage completed task2",
                                            description:"subtask1 description under stage completed task2"
                                           }, 
                                           {
                                            name:"subtask2 under stage todo task2",
                                            description:"subtask2 description under stage completed task2"
                                           }
                                         ]
                               }



                             ]
                      } 
                      ]

Объяснение: В верхней части первого ряда у меня будут детали проекта, такие как имя и описание, затем в следующем ряду у меня будет несколько вкладок, а в следующем ряду у меня будут стадии / статус проекта, такие как todo, progress и т.д., следующая строка i будет иметь аккордеон для детализации задачи, при открытии аккордеона у меня будет список подзадач, которые можно перетаскивать в штаты и из штатов

Точно так же у меня будет несколько аккордеонов для нескольких задач. Я очень запутался, какую демонстрацию библиотек или канбанов я должен использовать, чтобы собрать ее. Я использую angular5 mongbd nodejs и экспресс.