0:02
Uh hello guys, welcome to this live
0:04
stream. So in this live stream, I'll
0:05
show you uh a canva clone that I
0:08
developed inside Vue.js. So I'm running
0:10
it on local host. I've also deployed
0:12
this. I've given the demo link in the
0:15
description of the video. You can go to
0:17
this website view canva clone.
0:21
You can check out the demo. So what this
0:23
it has all the features of Canva. We
0:25
have also the templates. You can with a
0:28
single click you can use any of the
0:30
template. You can add text, photographs
0:34
You can add multiple pages. So you can
0:37
work with you can even change the
0:38
background, add your own text.
0:42
So it's developed inside Vue.js. I've
0:44
given all the source code. You can
0:46
directly purchase it. So this is the
0:48
directory structure. Each component is
0:50
divided into its appropriate Vue.js file
0:52
here. As you can see, we are using some
0:54
of third party dependencies such as HTML
0:57
to canvas JS, PDF and fabric JS and we
1:00
are using Vue.js as you can see. So once
1:03
you are inside the directory whatever
1:05
you need to do just npm rundev. So this
1:10
will start the development server at
1:15
So before purchasing it you can actually
1:16
try it. I've given the demo link in the
1:19
description of the video. So right here
1:21
you can even upload your own custom
1:23
images as well. Simply select the image,
1:26
add this to the canvas. Then you can
1:28
export this if you are happy. Go to the
1:31
file menu and actually export this or
1:36
you can even export this to a PDF file
1:38
as well. So it's both image and PDF
1:42
canvas canv kind of an editor. So as you
1:46
can see it has started this application
1:51
So it's uh has all the features of
1:58
Before that you can actually try it. We
2:00
also integrated the support with
2:02
Unsplash API. Here you can search third
2:05
party images. This is the background
2:07
section. Here you can change the
2:11
from this color picker window.
2:16
This is a layer based editor. So each
2:18
has its own layer. So here you basically
2:22
come can change the font as well. So all
2:24
the fonts are available to you.
2:30
So all these properties, effects you can
2:33
apply to images, text, everything is
2:35
there as you can see.
2:42
So before purchasing it, you can
2:44
actually try this and we can even resize
2:46
it to multiple Instagram Facebook size
2:49
types. So you can select or you can
2:51
provide a width and height and resize
2:54
this canvas to it. So definitely try out
3:02
each and every functionality is there.
3:05
So it's a full Vue.js JS project and we
3:09
have also used TypeScript here as you
3:13
So if you know the thing you can even
3:15
modify the source code as well to add
3:17
additional features as well. So each
3:19
component is divided into multiple
3:21
things. As you can see it's a full
3:23
Vue.js project and if you are interested
3:27
I have given all the links
3:30
for the demo and for the source code.