0:00
Uh hello guys, in this video I'll show
0:01
you a Canva clone kind of an editor that
0:03
I developed inside uh uh Vue.js. So
0:08
I have also deployed this. I've given
0:10
the link in the description. You can
0:12
actually try this first of all. So this
0:14
is the editor. It's similar to Canva. We
0:19
Here you can edit the templates. You
0:22
also have the ability to add text,
0:25
can manipulate the background. So I
0:28
coded this inside Vue.js. JS. So this is
0:30
all the source code right here. We have
0:32
used the latest version of Vue JS, PDF,
0:35
HTML to canvas, fabric JS. So quite a
0:38
number of third party libraries we have
0:39
used. So this is built using TypeScript
0:42
as you can see that. So you can purchase
0:44
it. The link is given in the
0:46
description. So after you purchase it
0:48
automatically from Google Drive, you
0:50
will get the source code. So now to run
0:52
this, it's very simple. I have already
0:55
running this. So simply need to run the
0:58
command npm rundev. So your local
1:00
development server will start at
1:05
So before purchasing it you can try
1:06
this. The demo link I have given in the
1:08
description of the video. So you can
1:12
actually use any template right here.
1:14
You can even have the ability to add
1:16
multiple pages and we can manipulate the
1:20
background here. change the background
1:22
and then we also have the ability to add
1:27
After that, if you want to export this
1:29
as you go to the file menu. If you want
1:31
to export it as a image, you also do
1:34
that. If you want to export it as a PDF
1:37
file, you also do the same thing. So,
1:39
it's a software as a service kind of a
1:41
tool where you can put advertisements
1:44
and earn a lot of ad revenue. So, I have
1:47
used this using AdSense as well. I used
1:51
quite a number of uh earnings here. So
1:55
these are my AdSense earnings using this
1:57
tool. So quite a number of impressions
1:59
are there. Same goes with ISOIC as well
2:02
which is a high paying network. So I
2:04
made a quite a number of earnings using
2:06
this tool. You can also do the same. So
2:09
for this I have given the link in the
2:11
description. You can directly purchase
2:17
as you can see we are running it
2:21
So it's very simple after you purchase
2:23
it simply npm rundev. So here you can
2:26
run this very simply. You also have the
2:30
support for adding your own images as
2:31
well. It's very simple.
2:36
So here you can have your own images. We
2:40
also have ability to search images using
2:43
Unsplash. We integrated the API directly
2:46
inside this project. So here you can
2:53
use any sort of image.
2:59
So before that you can try this. I have
3:01
given the demo link in the description
3:03
of the video. Go to this link and try
3:05
this. If you like it then you can
3:07
purchase the source code. We can even
3:09
resize it to any custom dimensions,
3:14
Various social media networks, it's
3:18
So definitely try this.