Build a PDF Resume Editor in Browser Using jsPDF & Html2Canvas Library in HTML & JavaScript
Jun 26, 2025
Buy the full source code of the application here:
https://procodestore.com/index.php/product/build-a-pdf-resume-editor-in-browser-using-jspdf-html2canvas-library-in-html-javascript/
Official Website:
https://freemediatools.com
Show More Show Less View Video Transcript
0:04
uh hello guys welcome to this video so
0:06
in this video I will show you yet
0:08
another tool that I developed on the
0:10
website freemediatools.com it's a rumé
0:13
maker application so if you are looking
0:16
for making a rumé for job application
0:19
you can use this tool so it it will even
0:22
export that rumé to PDF document as well
0:25
so this is the tool here on the left
0:28
hand side you will basically tell the
0:30
information such as your name
0:31
description job title email address
0:33
phone number and on the right hand side
0:35
it will live preview all these changes
0:37
you can select various themes as well
0:39
from this you have three themes three
0:42
templates you will basically enter your
0:44
name right here the job title so as
0:47
you're making the changes here you will
0:49
see on the left right hand side
0:51
everything is uh reflecting back
0:55
so
0:57
it's automatically uh I basically
1:00
developed this inside the browser so no
1:02
serverside code is involved
1:06
so you can basically paste your LinkedIn
1:08
profile here
1:14
you can put your website as well then we
1:17
also have this this is your header
1:19
section so your name job title all these
1:22
personal details and then we have this
1:24
button here if you see export to PDF so
1:27
if you click this button your rumé will
1:29
be exported to a PDF document so right
1:32
here we
1:34
write can we can write a basic summary
1:43
can see that
1:47
then you can add your work experience
1:49
here uh inside resumeum so
1:53
the company here so the date everything
1:56
so I'm just filling out some ex you can
1:59
add more experience as well right here
2:04
then we come to the education here so
2:06
you can fill out the education details
2:08
here you can more add more degrees here
2:11
you can see that
2:17
then we have the various skills you can
2:20
add
2:22
Then we come to the projects here
2:27
you can give the URL to the project so
2:30
you can basically uh try out this tool
2:32
and fill out the details yourself so I'm
2:36
just showing you sample data here now it
2:39
will construct you this rum here based
2:42
upon that click on export to PDF so
2:44
instantly it will export all all this
2:47
information into a simple PDF file so
2:50
this looks very much good not
2:53
extraordinary but still the rumé looks
2:55
good so it will save you a lot of time
2:59
because uh in order to make a resume you
3:01
need to search for website on internet
3:04
so this tool is completely free i built
3:06
it inside HTML CSS and JavaScript so if
3:09
you need the full source code of this
3:11
the link is given in the description uh
3:13
you can directly purchase the full
3:15
source code and after purchasing it you
3:17
will get this index html file and
3:20
basically it runs entirely in the
3:21
browser no server side code is involved
3:24
and you can see it's almost 1,300
3:29
lines of code here so once you get the
3:31
source code you can easily modify and
3:34
add additional features as well so we
3:35
are using two open-source packages for
3:37
this JSPDF and HTML to canvas uh JSPDF
3:42
if you don't know it's a PDF generation
3:44
library for JavaScript and HTML to
3:48
canvas is used to take screenshots
3:50
inside your browser automatically so we
3:52
are also using this as well so these two
3:56
libraries we are using it to construct
3:58
this application so a single index html
4:01
file which you will get after you make
4:03
the payment the link is given in the
4:05
description
4:07
so before purchasing it you can try out
4:10
this tool as well so at the checkout
4:12
page I've given the demo link so thank
4:15
you very much for watching this video
4:17
and I will be seeing you in the next one
#Jobs
#Career Resources & Planning
#Resumes & Portfolios
