JSFiddle - React, Tailwind, and code Playground

HTML

user: John Doe
test: 
  - key1: 
    - notes: {
      "a":  [
        "tag1", 
        "tag2", 
        "tag3"
      ],
      "b": null,
      "c": {
        "title": "...",
        "notes": [
          {...}, 
          {...}
        ]
      }
    }
  - key2: 
    - tags: [
      "tag1", 
      "tag2", 
      "tag3"
    ]

CSS

user: John Doe
test: 
  - key1: 
    - notes: {"a":  ["tag1", "tag2", "tag3"],"b": null,"c": {"title": "...","notes": [{...}, {...}]}}
  - key2: 
    - tags: ["tag1", "tag2", "tag3"]