0:00
show you a complete JSON editor that I
0:03
developed directly in the browser using
0:05
HTML, CSS and JavaScript. It has all the
0:07
features. You can validate JSON minify
0:13
So you have an option to upload a JSON
0:15
file or you can paste a URL or paste raw
0:19
JSON as well. So once you land on the
0:22
demo link, I've given this demo link in
0:24
the description of this video. So at at
0:26
the checkout page, you will see this
0:28
demo link. So once you land on this, you
0:31
can have this option to paste some JSON
0:36
or if you have an JSON file, you can
0:38
drag and drop a JSON file or if you have
0:43
you can even paste a URL, then it will
0:45
automatically load the JSON for you. So
0:47
let's suppose if you are
0:50
using any sort of API, you want to check
0:55
Let me take an example of a JSON
1:00
I simply copy the link
1:04
and just paste it. Click load. So now
1:07
everything that JSON will be loaded for
1:10
you directly in this editor. And now we
1:12
have all these options. You can either
1:14
minify, validate, just check whether
1:16
it's JSON is correct or not. So now you
1:20
get this notification that JSON is
1:22
valid, number of lines, characters,
1:23
everything. So if you do want to
1:25
purchase this source code, I've given
1:27
the link in the description of this
1:29
video. So it's a single index html file.
1:33
All the processing is happening directly
1:35
in the browser. So no serverside code is
1:37
involved. It's round about thousands
1:40
lines of code here. So it's a single
1:43
static application. You can even run
1:45
this locally as well.
1:48
So as you can see now we running this
1:50
JSON editor directly in the browser in
1:57
So you can even paste raw JSON as well.
2:05
So just copy this and you can paste it
2:11
like this. And now you can format this.
2:14
Just click the format button and
2:16
everything will be formatted.
2:18
So it will basically format your JSON.
2:21
If you want to minify this, you can even
2:26
Just click the minify button and
2:28
automatically on the right hand side the
2:30
JSON will be minified. And now you can
2:36
all the JSON is minified. So you can
2:39
just copy this and paste it anywhere
2:42
else. You also have copy to clipboard
2:44
button as well. This is a tree view. If
2:47
you want to see this in the tree view,
2:49
you can even do that as well. So,
2:55
it's a simple application, very simple
2:58
but yet powerful as well. It has all the
3:00
features for you from file. If you have
3:02
a JSON file, you can even drop that JSON
3:11
So you just need to select a JSON file.
3:13
You can basically check out the demo
3:15
before purchasing it. I have given this.
3:18
This is a demo link. It will be
3:20
available at the checkout page. So
3:24
just see all the features here
3:27
from a URL upload file past JSON.
3:41
So you can just see here
3:45
if you want to clear out everything you
3:47
can click the clear but button as well.
3:50
So once you paste it it will also shows
3:52
you the number of lines characters the
3:56
So for building this application we are
3:58
using some third party libraries here
4:00
which is Bootstrap for the user
4:04
and this is entirely HTML, CSS and
4:10
So if you're interested uh definitely
4:13
purchase it. I have given the link in
4:16
the description of the video.
