show you a complete JSON editor that I
developed directly in the browser using
HTML, CSS and JavaScript. It has all the
features. You can validate JSON minify
JSON.
So you have an option to upload a JSON
file or you can paste a URL or paste raw
JSON as well. So once you land on the
demo link, I've given this demo link in
the description of this video. So at at
the checkout page, you will see this
demo link. So once you land on this, you
can have this option to paste some JSON
or if you have an JSON file, you can
drag and drop a JSON file or if you have
a URL,
you can even paste a URL, then it will
automatically load the JSON for you. So
let's suppose if you are
using any sort of API, you want to check
out the responses.
Let me take an example of a JSON
placeholder.
I simply copy the link
and just paste it. Click load. So now
everything that JSON will be loaded for
you directly in this editor. And now we
have all these options. You can either
minify, validate, just check whether
it's JSON is correct or not. So now you
get this notification that JSON is
valid, number of lines, characters,
everything. So if you do want to
purchase this source code, I've given
the link in the description of this
video. So it's a single index html file.
All the processing is happening directly
in the browser. So no serverside code is
involved. It's round about thousands
lines of code here. So it's a single
static application. You can even run
this locally as well.
So as you can see now we running this
JSON editor directly in the browser in
local host.
So you can even paste raw JSON as well.
So if I paste it.
So just copy this and you can paste it
like this. And now you can format this.
Just click the format button and
everything will be formatted.
So it will basically format your JSON.
If you want to minify this, you can even
minify this.
Just click the minify button and
automatically on the right hand side the
JSON will be minified. And now you can
all the JSON is minified. So you can
just copy this and paste it anywhere
else. You also have copy to clipboard
button as well. This is a tree view. If
you want to see this in the tree view,
you can even do that as well. So,
it's a simple application, very simple
but yet powerful as well. It has all the
features for you from file. If you have
a JSON file, you can even drop that JSON
file as well.
So you just need to select a JSON file.
You can basically check out the demo
before purchasing it. I have given this.
This is a demo link. It will be
available at the checkout page. So
just see all the features here
from a URL upload file past JSON.
So you can just see here
if you want to clear out everything you
can click the clear but button as well.
So once you paste it it will also shows
you the number of lines characters the
bytes everything.
So for building this application we are
using some third party libraries here
which is Bootstrap for the user
interface
and this is entirely HTML, CSS and
JavaScript.
So if you're interested uh definitely
purchase it. I have given the link in
the description of the video.