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"]