doytsujin / json-visual-editor

Web based JSON Editor powered by React.

JSON Visual Editor

Web based JSON Editor powered by React. https://ogaoga.github.io/json-visual-editor/

To develop

• You'll need to have git and node installed in your system.
• Fork and clone the project:

$ git clone https://github.com/ogaoga/json-visual-editor.git

Then install the dependencies:

$ npm install

Install webpack and the development server:

$ npm install webpack-dev-server webpack -g

You can simply run webpack build using this command:

$ npm run build

If you want to run with webpack-dev-server simply run this command:

$ npm start

Open the web browser to http://localhost:8080/

If you want to test simply run this command:

$ npm test

Please contribute to the project if you think this can be done better in anyway even for this README :)

See also

• React + ES6 + Webpack で JSON Visual Editor を作ってみる - Qiita
• React + ES6 + Webpack で JSON Visual Editor を作ってみる（Redux 導入編） - Qiita

License

Copyright (c) 2016 ogaoga.org Licensed under the MIT License.

ToDo

• Fix a bug of drop area indicator.
• Show level of depth.
• Timestamp translation.
• Edit feature.
• Chrome Web Store app build.
• React Native
• Insert version number.
• bug: Height of <textarea> is not enough in Firefox.