Up next in 10
I Built this Static PDF Editor Web App in Browser that can Generate Passive Income (10$/Month)
Mar 12, 2025
Buy the full source code of application here:
https://procodestore.com/index.php/product/i-built-this-static-pdf-editor-web-app-in-browser-that-can-generate-passive-income-10-month/
Watch My Visual Studio Code IDE Setup Video For Fonts,Themes & Extensions
https://youtu.be/Bon8Pm1gbX8
Hi Join the official discord server to resolve doubts here:
https://discord.gg/cRnjhk6nzW
Visit my Online Free Media Tool Website
https://freemediatools.com/
Buy Premium Scripts and Apps Here:
https://procodestore.com/
Show More Show Less View Video Transcript
0:00
uh hello guys welcome to this video so
0:02
in this video I will show you a PDF
0:05
editor that I built inside HTML CSS and
0:09
JavaScript which runs as a static site
0:12
and you can easily deploy this on your
0:15
own website as well and on passive
0:17
income every month by placing
0:19
advertisement so let me show you uh the
0:21
tool right here that I developed so you
0:23
can access this tool the link is given
0:25
in the description you can check out the
0:27
live demo just go to free mediat
0:29
tools.com
0:30
PDF annotation
0:32
editor so if you landn on this uh by the
0:36
way free mediat tools.com is my website
0:39
here where I basically developed uh
0:42
third party
0:43
tools and earn passive income so you
0:46
will see this is actually the tool right
0:47
here PDF editor and it actually does all
0:50
the things that a PDF editor will do and
0:53
it actually runs in the browser so no
0:56
server no server is required you can
0:58
easily deploy this as a static website
1:01
and there is all the controls out there
1:03
if you see we can actually annotate we
1:06
can add text images so there is this
1:09
choose file button and here you can
1:11
select any input PDF file here so let's
1:14
suppose I say select a PDF file right
1:17
here and it will show all the pages here
1:20
so only two pages are there so this is
1:22
actually the first page the second page
1:23
it will automatically detect the pages
1:26
right here and then here you will the
1:28
user if they come to your tool they can
1:31
actually annotate by placing or
1:34
highlighting something using this pencil
1:37
you can increase the phone size the
1:39
brush size here by using this simple
1:42
input and now you will see the brush
1:45
size will be increased you can change
1:47
the color as well you can change to any
1:50
color you can see
1:55
that you can go to the second page like
1:58
this and you can even place this is the
2:02
hand tool right
2:03
here and then you can even add text so
2:06
let's suppose if you want to write here
2:08
add some text right
2:13
here so here you can increase the size
2:16
of
2:17
this and place it anywhere so here you
2:20
can
2:27
edit and see you can place the text here
2:31
or you can even add shapes as
2:37
well so just click this shape icon right
2:41
here and you can place the shapes or you
2:44
can even add rectangle shapes as well so
2:46
you can see that then you can even add
2:49
images if you have a image which is
2:52
present you can add this so you can see
2:55
the image will be added you can
3:00
just adjust the size of this
3:09
image so once you make all the
3:11
modifications there is the save button
3:13
right
3:14
here you can click save and you will see
3:17
your file will be downloaded with all
3:20
the modified changes that you have done
3:22
so this is the code guys if you need
3:25
this full PDF editor the link is given
3:28
in the description you can purchase it
3:31
from my website so this is a single
3:34
index. HTML file right here which
3:36
contains all the code right here if you
3:38
see that this is my the code here almost
3:42
1,000 lines of code so I developed this
3:44
PDF editor entirely in the browser so no
3:47
server site is required so once you
3:49
purchase it you will be redirected to
3:51
Google Drive where you will actually get
3:53
the zip file which will contain this
3:56
index. HTML so if you want to deploy
3:59
this
4:01
inside your own website just simply
4:03
upload this to your sh shared hosting
4:06
and then you can get the approval of
4:09
Google AdSense or any ISO ads let me
4:12
show you the proof here uh I basically
4:15
have this website
4:17
deployed and then I'm earning some
4:20
passive income using Google AdSense my
4:22
website as you can see is approved in
4:24
Google AdSense you will see it is
4:26
authorized and let me show you the
4:28
revenue that I'm getting this you see
4:32
$288 so this is the daily I'm just
4:36
getting some out of it so you will see
4:39
daily I'm getting some
4:42
views this is Google AdSense and also
4:46
ISO is also a network where I'm also
4:48
getting this daily income so it's a
4:51
great passive income tool that guys you
4:54
can purchase it from my website which
4:57
entirely runs in the browser this is a
4:59
nice thing about this you can check out
5:01
the demo before purchasing it at the
5:03
checkout page I given this link so you
5:05
can try this tool completely free just
5:09
upload your or select the PDF file that
5:11
you want to
5:13
select and
5:15
uh so this is entirely happening in the
5:18
browser no server side is needed your
5:20
files are not uploaded it is completely
5:23
happening in all in the client side it's
5:26
a static web app so all the things that
5:29
you you're doing such as
5:31
annotating your PDF documents so here
5:34
you can increase the phone size as well
5:39
so here from this you can increase the
5:41
brush
5:43
size you are annotating you can go to
5:45
the second page annotate this one as
5:48
well so you can add images all these
5:52
things you can
5:55
do can see that so you can add images as
5:59
well
6:01
it can be either PNG or jpg so here you
6:07
can if you want to decrease or increase
6:10
the width you can use this hand tool
6:11
simply toggle this and now you'll be
6:13
able to place your image just adjust the
6:16
size of
6:18
it can increase the width like
6:25
this so This tool may be helpful because
6:28
in many cases you want to add Watermark
6:31
or annotate your PDF document so you
6:33
will see your PDF document will be
6:35
modified you don't need any desktop
6:37
software it completely happens in the
6:39
browser it's a nice web app that I'm
6:41
giving you guys the for the source code
6:44
you can directly go to my website
6:46
proport store.com the link is given and
6:48
if you go to the checkout you can
6:50
directly purchase and after purchasing
6:52
it you will get the zip file from Google
6:55
Drive
6:57
automatically so
7:00
this is the and if I try to load this so
7:03
once
7:04
you get this source code simply in vs
7:08
code you just need to install extension
7:10
if you try to run it locally there is a
7:13
extension that you can install which is
7:15
live
7:17
server which
7:19
actually opens your web applications
7:22
locally so just install this extensions
7:24
60 million installs it is I've already
7:27
have this so right click it and simply
7:30
select this option open with live server
7:32
so once you get this source code and now
7:35
it is opening it in locally you will see
7:39
that so simply choose the file here
7:43
and simply select your PDF and then the
7:47
PDF will be loaded so you will see that
7:49
so all the things are doing it locally
7:52
here and this is really easy to deploy
7:55
guys no server is needed you can use
7:58
your own shap hosting on any website and
8:01
simply upload this file and you can
8:03
place Google advertisements to earn
8:06
Revenue so you will see that so how easy
8:08
it
8:10
is the user can do all these things they
8:14
can add
8:17
text see that
8:21
so you can add your own Watermark you
8:25
can rotate this as well to add watermark
8:29
like this you will
8:30
see this is entirely a static website
8:34
which runs in the browser which is built
8:36
using HTML CSS and JavaScript that's why
8:40
it is easy
8:42
to uh deploy and if you want to clear
8:45
all the changes there is a button
8:46
available which is uh Delete so it will
8:50
delete all the changes if you say clear
8:53
page so all the changes will be reverted
8:55
back so all these controls are there
8:58
guys you will see you can choose any
9:00
color you can hand tool pencil icon this
9:03
is the way to add text shapes this is
9:07
for image and lastly we have the save
9:09
button as well so you'll see that
9:13
so if you are interested guys the link
9:16
is given in the description so you can
9:18
directly go to the website and purchase
9:20
the full source code
9:25
and see that so
9:30
you can try the demo first of all before
9:34
purchasing it I given
9:36
this at the checkout page so if you
9:39
still face any problem you can comment
9:42
or email me for further if you face any
9:46
problem in deploying it after payment
9:48
you can contact
9:51
me so this is the actual tool guys which
9:54
actually will give you income passive
9:56
income on AdSense you can deploy your
9:58
website to earn passive income daily
10:02
from additional ad Network something I
10:06
showed you this is um earning passive
10:09
income so it's a great tool you can
10:11
directly purchase this the link is given
10:13
in the description so thank you very
10:15
much guys for watching this video and I
10:17
will be seeing you in the next video
#Flash-Based Entertainment
#Affiliate Programs
#Web Design & Development
#Clip Art & Animated GIFs
#Scripting Languages