0:00
In this video, I'll show you I built out
0:01
a next year's source code to image
0:04
editor where you can actually share
0:06
screenshots of your source code. Uh this
0:09
next year's application directly runs in
0:11
the browser. As you can just see, it's a
0:12
single page application. So here you can
0:15
adjust the language, you can even adjust
0:18
the theme as well, the color combination
0:21
or you can customize it as you can just
0:23
see. Then we have the button to export
0:25
this screenshot to a image file. So as
0:28
you click this the image will get
0:30
downloaded. So this is actually the full
0:32
directory structure of the project. Each
0:34
file is coded directly in Typescript.
0:37
It's fully customizable.
0:40
If you need the source code I have given
0:41
the link in the description. You can
0:43
directly purchase it and you can
0:45
customize it and add additional features
0:47
as well. So we are using the latest
0:49
version as you can just see here the
0:51
next 14 which is the latest version. We
0:54
are also using React 18 and we are using
0:56
HTML to canvas library for building out
0:59
this application for exporting the
1:01
canvas to image file.
1:04
So you can select any language here
1:08
and you can add your own themes, add
1:11
your own language as well. So once you
1:12
get the source code it's fully
1:18
So as you select the language
1:20
automatically the icon is automatically
1:23
And here you using your mouse you can
1:25
actually control the height as well.
1:29
So here you can directly write at this
1:39
so if you need the source code the link
1:40
is given in the description.
