0:00
show you a Canva like PDF editor I built
0:03
directly in browser as a single page
0:05
application. I've also given the demo
0:07
link in the description of the video. So
0:09
if you go to this link at the check out
0:11
page, you will find out the demo of this
0:13
web application. So it's a similar Canva
0:16
clone PDF editor which has all the
0:18
features. So right here you will select
0:21
your PDF file that needs to be edited.
0:24
So once you select the PDF will be
0:26
rendered right here. It has two pages
0:30
and then we have a set of options at the
0:32
left hand side. You can add text,
0:34
images, blur text, highlight text,
0:37
annotate. So if you click add text
0:39
button, so right here you can add any
0:42
text, control the phone size and then
0:44
just click add the position the text
0:49
So here you can even manipulate the
0:50
color of the text. After that we also
0:53
have the annotate feature. If you want
0:56
to highlight something then you can
0:58
basically highlight something here. You
1:01
can even change the highlight color
1:02
using this color picker.
1:06
So if you go to the next page, highlight
1:08
this one. And then if you're happy, you
1:10
can download the output file here like
1:13
this. You click the download PDF button.
1:16
Everything will be saved. Every
1:18
modification that you made. So it's
1:19
entirely a web application that I
1:21
developed in a single page application.
1:24
So this is the code you will get after
1:27
you make the payment. The link is given
1:29
in the description of the video. So this
1:32
is a single page app. No serverside
1:34
backend processing is there. Almost
1:36
1,200 lines of code is there. So
1:40
basically I'm building using PDF lib and
1:44
Mosilla PDFJS library for building this
1:46
application. So we are using the CDN
1:49
here and it's very easy to run this
1:52
locally. So once you purchase it, you
1:54
can open VS code and simply run this
1:56
project locally. So as a offline
1:59
application. So again you select repeat
2:02
the process. You simply select the PDF
2:04
file and you can even blur out portions
2:08
as well like this very easily.
2:13
You also have this feature hiding
2:15
completely using a black background
2:21
and you can add text here. You also have
2:24
the support for adding images. You
2:26
select whatever image file that you want
2:29
to add. Once selected, you can place
2:36
and see that. So it's really simple.
2:38
It's done. If you're after that you can
2:43
and everything will be saved. So before
2:45
purchasing it you can try out the demo.
2:47
I basically deployed this application.
2:51
So if you have knowledge you can even
2:53
modify the source code as well. So once
2:55
you get the source code it will be
2:58
automatically available from Google
3:00
drive once you make the payment. So
3:03
definitely try this. It's a Canva clone
3:05
ultimate PDF editor which has all the
3:10
You can see that you can modify your PDF
3:13
documents directly in the browser. So
3:20
can just see here. So definitely try out
