0:00
Uh hello guys, in this live stream I'll
0:02
show you a view Canva clone that I
0:04
developed directly in the browser and
0:06
I've also deployed this. I've given the
0:08
link in the description of the video.
0:09
You can go to this link and try out this
0:11
Canva clone. So here you can create
0:14
multiple pages. Click on new page and
0:17
inside the menu section you basically
0:19
get all the functionalities of Canva.
0:21
You also get these templates with a
0:24
single click. You can use any sort of
0:26
template and add your additional
0:28
templates as well. You also have
0:30
different shapes as well. You can add
0:31
them. You can even add your own text as
0:36
So simply click this add the text on the
0:40
canvas. So this is the overall Vue.js
0:42
project. I've given the link in the
0:43
description. You can directly purchase
0:45
the source code and after purchasing it
0:47
you will be granted with this directory
0:49
structure. Uh each component is divided
0:52
into its multiple Vue.js uh files here.
0:56
And uh if I show you package.json JSON
0:58
file we have used some third party
0:59
dependencies HTML to canvas JSPDF fabric
1:03
JS for building out this Canva clone and
1:05
it is using the latest version of Vue
1:10
and once you get the source code uh you
1:12
can directly run this source code first
1:14
of all execute npmi and then after that
1:19
so this will start the application
1:22
locally at localhost 5174.
1:26
So now we have as you can see we have
1:29
started this application at localhost
1:32
5174. It's very simple to deploy this
1:34
application as well. So the link is
1:37
given. First of all you can visit this
1:39
address. I've given the demo link. First
1:41
of all try it out. If you like it then
1:43
you can purchase it. Here you can even
1:46
go to the background section and change
1:48
the background as well. And we also have
1:51
ability to add your own custom images.
1:53
So simply select any image,
1:58
upload them and then add this on to the
2:01
canvas and then go to the menu section.
2:04
If you want to export this to a image
2:06
file, simply select whatever image type
2:09
and then you can export this to a PDF
2:11
file as well. So this is also a PDF
2:13
editor where you can convert your
2:16
designs to PDF as well. So all the pages
2:19
will be converted to PDF. So this is the
2:25
So you can just see the project has been
2:27
started at this local host 5174.
2:33
this is really simple. We also
2:35
integrated the support for having the
2:37
images using Unsplash. So here you can
2:39
search for any image for example related
2:42
to laptop and the images will load and
2:44
you can directly add the image on onto
2:46
the canvas and then similarly you can
2:50
add any shape of your choice while
2:52
you're developing any sort of thumbnail
2:55
go to the background section to change
2:57
the background you can add your own text
3:01
so this is the editor guys definitely
3:04
check out this I have given the demo
3:05
link it's available and uh If you are
3:09
interested, you can purchase
