0:00
to show you. I built out a VS code
0:02
editor clone directly in browser
0:03
index.js to actually create the coding
0:06
screenshots. So it's a single page
0:08
application directly executes in the
0:10
browser. So in this application it's you
0:13
basically paste whatever source code
0:15
that you want to share with others. So
0:18
once you paste the show source code you
0:20
can adjust the language as well theme
0:25
and then you can also add padding as
0:28
well. So then we have this button export
0:30
PNG. So this will export this to image
0:32
file. So this is entirely coded inside
0:36
next.js the latest version we are using.
0:38
And if you need the source code you can
0:41
directly purchase it. The link is given
0:42
in the description. Each and every
0:45
component is coded directly in
0:47
Typescript. So it's fully customizable.
0:50
You can add more features as well. It's
0:52
also using this HTML to canvas library.
0:55
So it's directly runs in the browser.
0:57
It's a single page application
1:00
and you can just see here you can export
1:02
your screenshots of the source code and
1:06
if you change the language the icon is
1:08
automatically added right here you can
1:11
just see here you can add more languages
1:14
as well once you get the source code you
1:19
can see the Java language you can also
1:23
resize it as well using these controls
1:33
So you can basically edit the file name
1:43
So the link is given you can directly
1:45
purchase it the full source code of this