0:00
uh hello guys welcome to this video uh
0:03
so in this video I'll show you a canva
0:05
clone uh image to PDF editor that I
0:08
developed right in the browser itself so
0:11
this is a static application uh which
0:15
server it can run without internet uh it
0:18
actually converts a series of images to
0:21
PDF so it's simple image to PDF
0:23
converter tool that I
0:26
developed using HTML CSS and JavaScript
0:30
and this is actually the user
0:32
interface here you will
0:35
allow you will simply select PNG or jpg
0:40
images you can select multiple
0:42
images let's suppose I select these four
0:48
images and now we have a simple button
0:51
uh which as soon as you click this
0:53
button all the images that you selected
0:56
will be converted to PDF and the PDF
0:58
file will be downloaded it it's a canva
1:00
clone image to PDF editor and if you
1:03
open the PDF file right here you will
1:05
see it contains four pages in The PDF
1:09
this is the first page second page third
1:13
page it's a simple image to PDF
1:17
website and this is actually the three
1:21
files here you will get after you
1:22
purchase it the link is given in the
1:24
description you can go to my website
1:27
store.com it's a static website
1:32
browser after the source you will be
1:36
redirected to Google Drive after the
1:37
payment and you will actually get this
1:40
ZIP file you just need to extract the
1:43
zip file which will contain these three
1:45
files so you come to your vs code you
1:51
locally simply run this file in the
1:54
browser so this file will load you will
1:56
see I'm running it in the browser Local
1:59
Host locally so simply you basically
2:03
select a bunch of images that you need
2:05
to convert simply click the button and
2:08
the output file will be downloaded you
2:10
will see the image will take the full
2:14
page and it can be PNG it can be JPG
2:23
so and see PNG do JPG file so
2:30
you can see that it totally depends upon
2:32
the size of the image so it totally
2:35
resize the page PDF page as well so it's
2:40
an all all-in-one script uh the link is
2:42
given in the description so for building
2:44
this I used bootstrap and PDF lip
2:47
bootstrap if you don't know it's a user
2:50
interface framework very popular
2:53
bootstrap I use this and also I have
2:56
used this PDF lib Library as well which
2:59
is a JavaScript library for modifying
3:02
PDF documents or creating PDF documents
3:05
right in the browser itself so we have
3:07
use these two open source packages for
3:09
building this application so it's very
3:12
easy to deploy this application as well
3:14
so if you want to deploy this inside
3:16
your own website to any shared hosting
3:19
you can easily deploy this tool you just
3:22
need to upload these three files to your
3:23
shared hosting the link is given guys in
3:26
the description you can directly
3:28
purchase it once you purchase it you
3:30
will be automatically be redirected and
3:32
you will be getting this ZIP file from
3:36
automatically so thank you very much for
3:38
watching this video and also check out
3:41
my website free mediat tools.com uh
3:44
which contains thousands of tools
3:46
regarding audio video and image
