0:00
Uh hello guys, in this video I'll show
0:02
you I built out a ReactJS Canva clone
0:05
editor directly in the browser where you
0:08
can actually make thumbnails, social
0:10
media graphic, templates, anything. So
0:13
this is actually a React project. I have
0:15
given the link here. You can directly
0:18
purchase the full source code of this
0:20
script. It's directly developed in
0:23
React. As you can see, we are using the
0:25
latest version. This is a package JSON
0:27
file. We are using quite a number of
0:29
third party libraries. First of all,
0:32
Conva Ko Nva. This is a graphics library
0:36
for React developers specifically. We
0:39
are using this. We are also using for
0:42
PDF export. We are also using JSPDF
0:45
library as well. ENTD this library as
0:48
well. We are also using Redux, React
0:51
Router, React Converse.
0:54
So it's a full directory structure, full
0:56
project. Once you purchase it, you will
0:58
get all these files. You will be able to
1:00
modify the source code or add additional
1:03
features as well. So we are running it
1:05
locally. In this video, I'm showing you
1:08
a short little demo of this. So I've
1:10
given the link in the description. You
1:12
can directly purchase the full source
1:14
code. So now coming back to the
1:15
application. This is actual Canva clone
1:18
kind of an editor. So here you get this
1:21
nice little canvas. Here you can add
1:25
uh things or delete things. You can add
1:27
multiple pages as well. So this is as
1:30
you can see we can delete this page.
1:33
Now we can add anything. So as I click
1:40
So here you can add text with multiple
1:42
phones. We can change the phone size.
1:46
Everything we can control here as you
1:52
If you want to control the
1:55
color of the text, you can even do that
2:01
Uh now if you want to actually load a
2:04
photograph or image, you can even do
2:06
that as well. Third party support as
2:09
well. We are you can use stock footage
2:13
like this. So just click on any single
2:17
image. That image will be added to the
2:21
So you can see how easy it is to
2:25
make thumbnails or graphics.
2:29
Apart from that, we also have different
2:31
shapes that Canva support here. You
2:34
click on the individual shape here.
2:39
You can even upload your own images as
2:41
well. Simply click the upload button and
2:44
right here you can even bring your own
2:47
images as well. So there is also that
2:49
support is also given. You can also make
2:53
bring your own graphics as well and just
3:00
you can control it using your mouse.
3:02
Just the placement everything you can
3:04
control right here. After you are happy
3:06
you can export this canvas right here.
3:09
Click the download button and you can
3:11
have three options. You can either
3:13
export this to a PNG, JPG or PD PDF. If
3:18
I say PDF, everything this canvas will
3:21
be converted to a PDF file here. So you
3:24
will see that. So how easy it is and
3:27
same thing we can do this as a PNG image
3:29
as well. So this will actually export
3:34
So it's a really useful uh application
3:38
guys. Canva clone editor. It has all the
3:41
features. You can even duplicate a
3:43
certain page as well by clicking the
3:45
duplicate button. You can even save your
3:47
work by saving the template.
3:59
so this is actual project guys. If you
4:03
you you can definitely purchase the full
4:07
source code. This will be the directory
4:09
structure you will get. I have given the
4:11
link in the description.
4:13
From here you can purchase it.