JSFiddle - React, Tailwind, and code Playground

by Dmitri Ganenco

JavaScript

var items = {
  "data": {
    "details": [{
      "projectsDetails": [{
        "title": "Project A",
        "subTasks": [{
          "title": "Activity A.a",
          "hoursReqd": "4",
          "accountable": "Y"
        }, {
          "title": "Activity A.b",
          "hoursReqd": "2",
          "accountable": "Y"
        }, {
          "title": "Activity A.c",
          "hoursReqd": "5",
          "accountable": "N"
        }]
      }, {
        "title": "Project B",
        "subTasks": [{
          "title": "Activity B.a",
          "hoursReqd": "1",
          "accountable": "N"
        }, {
          "title": "Activity B.b",
          "hoursReqd": "3",
          "accountable": "Y"
        }]
      }],
      "taskDetails": [{
        "title": "Task A",
        "hoursReqd": "2"
      }, {
        "title": "Task B",
        "hoursReqd": "12"
      }],
      "date": "01-01-2001"
    }, {
      "projectsDetails": [{
        "title": "Project Z",
        "subTasks": [{
          "title": "Activity Z.a",
          "hoursReqd": "10",
          "accountable": "Y"
        }, {
          "title": "Activity Z.b",
          "hoursReqd": "6",
          "accountable": "N"
        }]
      }],
      "taskDetails": [{
        "title": "Task Z",
        "hoursReqd": "5"
      }],
      "date": "02-01-2001"
    }]
  }
}

items.data.details.reduce((a,c) => {
	
}, {
accountable: 0,
nonAccountable: 0
});