0:00
so in this live stream I will show you a
0:02
ultimate uh JSON editor that I developed
0:05
on my website freemediatools.com
0:08
i've also given the link of this tool
0:10
right in the description of the video so
0:13
with the help of this tool you can able
0:16
to validate your JSON files format it
0:19
minify it so the interface looks
0:22
something like this we have all these
0:23
tools here we can paste your JSON or we
0:27
can upload a JSON file from a URL as
0:29
well and we have all these three
0:31
operations we can format the JSON
0:33
validate or mini file let me show you
0:37
one by one the features so here you will
0:39
paste all the JSON here so let's suppose
0:41
I say I paste a bunch of J JSON here so
0:47
I copy JSON and write here paste it in
0:50
this text field as soon as you can see
0:54
we are having this error right here we
0:56
have placed a comment here if I try to
0:58
format this instantly it will give me
1:01
this pop-up message that your JSON
1:03
contains a validation error message on
1:05
line number one so it instantly tells me
1:08
that your JSON has error message and
1:10
also it it tells you the actual error
1:13
because the comment is present so right
1:17
here you need to remove it this comment
1:22
and as soon as you do this click format
1:25
and on the right hand side you will see
1:26
the formatted JSON so it's entirely
1:29
built inside HTML CSS and JavaScript if
1:32
you need the full source code of this
1:34
you can directly purchase it so this
1:36
would be a single index HTML file you
1:38
will get uh around about thousand lines
1:41
of code here you can see it's a full
1:43
readymmet application directly built
1:45
inside the browser let me show you more
1:48
features and uh let's suppose I make a
1:52
mistake here a series of mistakes i
1:55
remove this double quotes from here as
2:00
so it will instantly detect all this as
2:02
you click validate again it will say on
2:04
line number four you are missing this
2:09
it will instantly highlight this error
2:12
message so we need to fix this after you
2:15
fix this again it will tell you on dial
2:17
number six you are missing this so you
2:21
again need to fix this
2:24
so this tool is very much helpful you
2:26
can see again it will tell you uh this
2:34
so in this way you can validate and
2:36
lastly we also have the minify feature
2:38
as well if you click it all your JSON
2:41
will be minified uh you will be able to
2:44
copy clipboard your minified JSON you
2:48
can even paste the JSON from a URL so if
2:52
your JSON is located in a URL you can
2:54
directly paste this URL plug this and
2:58
then click the load button and your JSON
3:01
will be loaded from that URL and then
3:04
you can provide all these operations or
3:07
you can upload a JSON file as well you
3:09
can drag and drop if you have a JSON
3:11
file so you can have all these three
3:13
options either you can paste upload a
3:16
JSON file or get the JSON from the URL
3:19
so we have all these three features that
3:21
I showed you guys you can try this tool
3:23
before purchasing it i've given the tool
3:25
in the description of this video and you
3:28
will get this full index.html file you
3:31
will get how I developed this
3:34
so we are not using any sort of third
3:36
party library we have just used
3:38
Bootstrap for designing the user
3:40
interface apart from that this is all a
3:43
static application which directly runs
3:46
in the browser you can simply run this
3:48
as local host it's very easy to deploy
3:51
as well so you can see now we are
3:53
running it on local host
3:56
so the interface also looks pretty good
3:59
on mobile devices as well so you can
4:01
directly purchase this full app the link
4:04
is given in the description
4:06
and thank you very much for watching
