Json Editor (Demo)

{
 "Read me": {
  "Beta": "This is a Demo of JSON Editor",
  "Ongoing": "updating a NPM react library",
  "Result": [
   "a user can pass a JSON object to view on the right screen",
   "after changing the view and clicking string button, it will save to a JSON object"
  ],
  "example": {
   "id": "json",
   "age": 99,
   "working": true,
   "problem": null,
   "more info": {
    "car": {
     "brand": "a-brand",
     "year": 2020,
     "owners": [
      "father",
      "brother"
     ]
    }
   }
  },
  "how it works": {
   "Create a View": {
    "input": {
     "left text": "You can change text and it will be displayed a JSON Object on the right side"
    }
   },
   "Edit an Object": {
    "Insert Object": [
     "click on the top 'Insert object'",
     "write key first, choose value type, fill in value"
    ],
    "append a child to List(object or array)": [
     "focus on an object or array",
     "click add button on the right and append an object"
    ],
    "change a child object": [
     "focus on a value",
     "click edit button on the right and change/delete a child object"
    ],
    "delete an object": [
     "focus on an object",
     "click delete button on the right"
    ]
   },
   "Save to String": " click '< String button in the middle', it will change the text area on the right"
  }
 }
}

+ Insert Object

It doesn't have any data