0:00
Guys, in this video I'll show you a
0:02
create Canva clone image editor and PDF
0:04
editor that I built inside the browser.
0:07
So this is the free demo link. You can
0:10
find this demo link in the description
0:11
of the video. So this is an ultimate
0:13
Canva clone image. You can edit your
0:16
images directly make social media
0:18
thumbnails and also export this to PDF
0:20
as well. So here you can control all
0:23
these properties. You can change the
0:24
text. You can even delete something here
0:28
right here and then click on export to
0:30
export this to an image file. So it's
0:33
entirely made inside React NodeJS and
0:35
express. So I have given the link in the
0:38
description. You can directly purchase
0:40
the source code. So after purchasing it,
0:43
you will get download from Google Drive.
0:45
So this is the ultimate source code
0:47
right here. It's built entirely. latest
0:50
version of React is used and in the back
0:53
end here we are using NodeJS and
0:55
Express. So as you can see right here
0:58
now to run this project it's very
0:59
simple. You simply go to the directory
1:03
and execute first of all npmi. So this
1:06
will create the node modules folder for
1:08
you. After that uh you simply repeat the
1:12
process. Go to the API folder and simply
1:20
you go to the base folder and just
1:22
execute this command npm run start. So
1:25
this will actually start your local
1:27
development server at localhost 5173.
1:31
So once the you can open it locally
1:36
very simply. So now this project is
1:38
simply running it locally. So
1:44
now you can just see right here how easy
1:47
it is. So it you can even create
1:51
So it's very easy. You basically can
1:54
change the background color. We have
1:56
this color picker window. Then we can
1:58
actually add your own text similar to
2:01
Canva. So you can just see here.
2:08
So you can control all these properties.
2:13
control effect, apply, effect, itallic,
2:16
bold, everything. So here you can
2:18
control the font size. Then we also have
2:22
support for third party images as well.
2:25
So you can add this. We have different
2:28
shapes. You can even add this.
2:33
Then we have different frames as well.
2:39
So we also have ability to actually
2:45
use your own custom images as well. So I
2:48
have given the demo link. First of all
2:50
try it. If you like it then you can
2:52
purchase it and after that you click
2:55
export to export all the pages.
3:00
So everything is exported. You can even
3:02
export this to a PDF file as well.
3:14
So everything will be exported to a PDF
3:17
file as well. So first of all uh I've
3:19
given the link you can actually try it.
3:24
I have given the demo link in the
3:26
description of the video. So first of
3:28
all try out this can workflow for
3:31
editing images and PDF. So if you're
3:35
interested then you can actually buy the
3:37
source code. This will be the source
3:38
code you will get after payment is done
3:42
from Google drive automatically.
3:44
So all the components are divided into
3:47
its appropriate source code files. So we
3:50
have used third party libraries for
3:52
building this. So once you get the
3:54
source code you will be able to actually
3:58
use this for completely free. So,