my_portfolio/assets/data/skilltree.json

{
  "id": "workstation",
  "title": "Workstation/",
  "isExpanded": true,
  "isSelected": false,
  "level": 0,
  "hasChildren": true,
  "visible": true,
  "children": [
    {
      "id": "tools",
      "title": "Tools/",
      "isExpanded": true,
      "isSelected": false,
      "level": 1,
      "hasChildren": true,
      "visible": true,
      "children": [
        {
          "id": "webstorm",
          "title": "Webstorm/",
          "isExpanded": false,
          "isSelected": false,
          "level": 2,
          "hasChildren": false,
          "visible": true
        },
        {
          "id": "linux",
          "title": "Linux_Debian/",
          "isExpanded": false,
          "isSelected": false,
          "level": 2,
          "hasChildren": false,
          "visible": true
        },
        {
          "id": "git",
          "title": "Git/",
          "isExpanded": false,
          "isSelected": false,
          "level": 2,
          "hasChildren": false,
          "visible": true
        },
        {
          "id": "docker",
          "title": "Docker/",
          "isExpanded": false,
          "isSelected": false,
          "level": 2,
          "hasChildren": false,
          "visible": true
        }
      ]
    },
    {
      "id": "dev",
      "title": "Dev/",
      "isExpanded": true,
      "isSelected": false,
      "level": 1,
      "hasChildren": true,
      "visible": true,
      "children": [
        {
          "id": "front",
          "title": "Front/",
          "isExpanded": true,
          "isSelected": false,
          "level": 2,
          "hasChildren": true,
          "visible": true,
          "children": [
            {
              "id": "angular",
              "title": "Angular/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            },
            {
              "id": "tailwind",
              "title": "Tailwind_SASS/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            },
            {
              "id": "html-css",
              "title": "HTML_CSS/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            }
          ]
        },
        {
          "id": "back",
          "title": "Back/",
          "isExpanded": true,
          "isSelected": false,
          "level": 2,
          "hasChildren": true,
          "visible": true,
          "children": [
            {
              "id": "nodejs",
              "title": "NodeJS_Express/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            },
            {
              "id": "typescript",
              "title": "Typescript/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            },
            {
              "id": "php",
              "title": "PHP_Symfony/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            },
            {
              "id": "python",
              "title": "Python_Django/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            }
          ]
        },
        {
          "id": "data",
          "title": "Data/",
          "isExpanded": true,
          "isSelected": false,
          "level": 2,
          "hasChildren": true,
          "visible": true,
          "children": [
            {
              "id": "postgresql",
              "title": "PostgreSQL/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            },
            {
              "id": "mongodb",
              "title": "MongoDB/",
              "isExpanded": false,
              "isSelected": false,
              "level": 3,
              "hasChildren": false,
              "visible": true
            }
          ]
        }
      ]
    }
  ]
}