0:03
Uh hello guys uh welcome to this video.
0:06
So in this video I will show you I built
0:08
out a full stack canva clone
0:13
editor directly in browser and I have
0:15
used AI for doing this. We have used
0:19
very two AI platforms. First is claude
0:22
second one is square which is a Chinese
0:25
based platform. So I basically use these
0:27
two AI platforms to building out this
0:29
fullstack camera. I've also deployed
0:32
this application on my website free
0:37
So the link is given in the description.
0:39
You can go to this application. So it
0:41
has all the features of Canva. You have
0:44
the different templates. You can edit
0:45
these templates in a matter of seconds
0:47
to various social media networks as
0:49
well. So as you see you also have
0:51
support for adding your own images as
0:53
well. Then we have the support for
0:56
exporting it to image and PDF. So if I
0:58
show you the directory structure of this
1:00
project, I did this from scratch with
1:04
the help of AI plot and quen. So each
1:07
component as you see is divided into its
1:10
appropriate view file and typescript
1:12
file. So once you purchase the source
1:15
code, you will get the source code from
1:17
Google drive automatically.
1:19
Uh it's very easy to you to run this
1:21
project and deploy this project as well.
1:23
So these are the commands which are
1:25
given. So we are actually using the
1:27
latest version of JS, PDF, HTML to
1:30
canvas and fabric JS as you see that. So
1:34
we are running this project locally as
1:36
you can see that on the command line.
1:39
And uh if I show you we are also running
1:42
this project localhost 5173. So
1:45
interface again quite simple.
1:49
You can actually create your own
1:51
templates, resize the YouTube thumbnail,
1:55
Facebook, Instagram. So multiple social
1:58
media networks are supported. So from
2:01
here you can select any sort of template
2:04
whatever template you want to edit
2:09
or you can click on new
2:15
and from here you also have the support
2:17
for adding your own images as well.
2:22
So once you add this you click the plus
2:24
icon. You can also create multiple pages
2:27
as well. So from here you can create
2:32
So before purchasing it you can try out
2:34
the live demo. The link is given in the
2:36
description. So from here you also have
2:39
capability to add your own text as well.
2:44
So once you're ready you can export this
2:50
So you'll see that it will ex
2:54
successfully export this image to uh
2:57
image file. Same goes with PDF as well.
3:00
From here you select PDF and it will
3:04
export all the pages that you created to
3:06
a PDF file in a matter of seconds. So
3:09
these AI platforms definitely worked a
3:12
lot. Claude as you access it, it has its
3:16
own CLI tool as well. So Quen AI also
3:19
have the CLI tool. So I actually use
3:22
these two AI platforms for actually
3:25
creating this full stack application UJS
3:28
3. So it significantly
3:32
helped me to create these platforms and
3:35
deploying it as well to actual domain
3:37
name. So if you have the money you can
3:41
purchase this source code and if you
3:44
still face any problem I will definitely
3:46
help you. But it's a very nice
3:49
application. I just need to tell you
3:52
this will save you a lot of time.
3:58
You also have integrated support for
4:02
stock images from unsplash API. So from
4:05
here you can even add stock images as
4:10
you also have different shapes. So
4:15
you can resize it to any template.
4:22
So it's completely responsive. So once
4:24
you select any text. So from here you
4:27
can select whatever phone size. You can
4:29
change it size bold itallic underline.
4:35
Now here you can select the position as
4:51
So it has all the features of Canva.
4:55
So definitely purchase this.
