0:01
Uh hello guys, in this video I'll show
0:03
you I built out a free opensource Vue.js
0:09
fullstack app. I also deployed this as
0:12
well. You can actually find this. The
0:14
link is given in the description. Uh
0:18
freemediatools.com/view
0:20
clone. So this entirely resembles all
0:23
the features of Canva. It's developed
0:26
using HTML to canvas fabric JS and
0:28
JSPDF. So it has all the templates one
0:32
by one. You can edit these text. You can
0:36
change the background images. Everything
0:38
you can customize it and resize it to
0:41
multiple social media networks as well.
0:43
So this source code is available. You
0:46
can directly go to the description link
0:49
and purchase the source code. After that
0:52
it will automatically download from
0:54
Google Drive. So each and every
0:55
component as you can see it's coded
0:57
directly in view and typescript. It's
0:59
fully customizable and we are using the
1:02
latest version of view js pdf html to
1:05
canvas and fabric js. So these are the
1:08
libraries we are using and uh we are
1:11
also running this project locally as
1:13
well. So this is very simple. You simply
1:16
come and write npm rundev.
1:20
This will start the local development
1:22
server. As you can see localhost 5173.
1:26
So the thing about this application you
1:28
can create multiple pages as well. So
1:31
you can create multiple pages and then
1:33
you can export this to image or PDFs. So
1:36
we also have the functionality.
1:39
You can add stock images. So we have
1:42
integrated support from Unsplash. You
1:44
can even add your own images as well.
1:48
Simply you can add your own images from
1:50
here. You can add text as well.
1:56
So from here you can change the
2:00
So this will save you a lot of time.
2:02
It's completely open source. I built it
2:07
So the link is given in the description.
2:09
You can even check out the live demo
2:11
first of all to actually check out all
2:13
the features and then you can export
2:15
this to image or PDF. So once you export
2:18
this everything will be exported. Same
2:21
goes here. right here you save as
2:25
you can even create a new design
2:27
directly from scratch as well. So from
2:29
here you can change the background you
2:31
have multiple pages as well. So
2:34
so this will save you a lot of time as
2:36
well and you can resize it to multiple
2:39
social media networks. So multiple
2:42
resizes functionality is there
2:46
with a single click. You can do this.
3:10
You can also duplicate a page as well by
3:12
clicking this. So the page will be
3:15
duplicated and says remove button here.
3:29
So from here you can adjust the
3:31
positioning, font size, color of the
3:33
text, everything all functionalities of
3:44
So the link is given in the description.
3:46
It's directly as you can see once you
3:48
get the source code you will be able to
3:50
add features on top of this. It's
3:52
completely customizable. You can add
3:55
more features on top of this.
3:57
So we are using the latest version as
4:03
it's fully customizable as well.
4:23
So we have support for adding shapes.