Maharashtra State Board of Technical Education

Certificate of Completion
This is to certify that Mr./Ms. KADAM CHAITANYA SHIVARAM.

With enrollment number 2010710227.

Name of Program: Computer Technology.

Name of Institute: Karmayogi Institute of Technology

Institute code: 1071

Has successfully completed micro project of title

RESUME BUILDING USING

JAVASCRIPT

In semester 5th of academic year 2022-23 as a part of the course

Client Side Scripting (CSS).

Sign of Course teacher Sign of HOD Sign of Principal

1
Karmayogi Institute of Technology (Poly), Shelve
Department of Computer Technology

Micro-Project Report

Name of Subject: Client Side Scripting (CSS).

Subject Code: 22519.

Project Title:

Resume Building Using JavaScript.

Guided by

Miss. Raste K.C.

Presented By:
Lakeri Saurabh Jagdish.
Chavan Digvijay Rajendra.
Kadam Chaitanya
Shivaram. Kamble Shekhar
Prakash.
Waghmode Vaibhav Bramhdev

During Academic Year 2022-23

2
RESUME BUILDING USING JAVASCRIPT

1.0 Importance of the Project :

As placement season of most of the colleges is going to start, making

Resume is a very hectic work for all the students. Also, many companies
judge the candidature of a student just by his/her Resume. So it is
necessary for the student to think beyond the third dimension while
making the Resume.
 Resume Builder Using JavaScript which helps students to get their
resume in hand just by filling up a simple form where important
credentials need to be filled.
 The resume is downloadable in PDF format. Also, the user can
log in again to access the previous that he had made.
 The resume is of Standard Format as stated by most of
the Engineering Colleges of India.

2.0 Brief Introduction/Rationale :

 Online resumes
The Internet now plays an essential role in how people search for jobs, as
well as how employers and companies find suitable candidates. According to
some resume-writing professionals, traditional resumes, such as documented
resumes or functional resumes, are outdated.

Online resume issuance services make it effortless to make resumes online

and issue them to employers. Specific job search sites, such as
Workopolis.com and Monster.ca, permit you to build and post your resume
in a searchable form.

Employers satisfy with the benefits online resumes offer, including having
admission to a host of possible applicants based on specific search criteria
and limiting their search to applications that possess the exact skills and
qualities they are looking for.

3
 Instantly available

There are multiple benefits to making an online resume. Companies

themselves are growing their usage of online services because they offer
substantial cost savings over traditional hiring strategies. As such, many
enterprises and government organizations will now especially ask job
seekers to post their resumes online in a specific format (e.g., MS Word,
HTML, or PDF), either by uploading them from another location or
recreating them on their website.

However, the primary benefit of online resumes is that they are instant;
sending a resume through the mail is likely to take days, and if a company
requires to hire someone fast, or is looking for temporary or freelance work,
they're unlikely to go to the problem to post advertising, wait for resumes to
arrive, and then sort through them.

Companies will instead be looking for a quick solution, and having an online
resume instantly opens up these avenues to you.

Maintaining your resume online also lets you immediately update your
resume with your most recent achievements, even notifying potential
employers of this update if they are considering your resume.

Another advantage is that you may be able to keep numerous versions of

your resume in a type of format, meaning that your resume can be
specifically geared toward the individual needs of your desired positions. In
addition, if you can't find what you’re looking for, it's possible to sign up to
obtain notifications when a company promotes a job that would be relevant
to your skills and interests.

 Make your resume stand out

Eventually, though, the key factor in all resume writing is to have an

amazing, solid, and error-free resume that reflects your skills and
experiences. Having a resume that markets you as the ideal candidate
for the job will prove to be the distinction between getting a job and
not.

Because of this, it's essential to check your resume carefully, and our
resume editing experts are more than happy to provide some extra
help to revamp and enhance your resume, bringing you one step
closer to landing your dream job.

4
3.0 Benefits of the Micro-Project :

 JavaScript is a limited-featured client-side programming language.

 JavaScript runs at the client end through the user's browser without
sending messages back and forth to the server. It is widely used by web
developers to do things such as build dynamic web pages, respond to
events, create interactive forms, validate data that the visitor enters into a
form, control the browser, etc. This course helps students to create highly
interactive Resume using these features.

4.0 Course Outcome Achieved :

 Students can produce a resume that describes their education, skills,

experiences and measurable achievements with proper grammar,
format and brevity.

 Students demonstrate an ability to target the resume to the

presenting purpose.

 Create an interactive Resume using regular expressions for validations.

5.0 Proposed Methodology :

 It is an application that simplifies the task of creating a resume for

individuals. The system is flexible to be used and reduces the need of
thinking and designing an appropriate resume according to qualifications.
The system is developed to provide an easy means for creating a
professional looking resume

5
 6.0 Actual Resources Use :

Name of resource
Sr. no. Specifications Quantity
material

1 Computer System 8 GB RAM, Windows 11 OS 1

2 Internet Youtube / Wikipedia

CSS Client Side Scripting Language

3 textbook/manual 1
22519

7.0 SOURCE CODE :

<!DOCTYPE html>
<html>
<title>Resume Builder</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Roboto'>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/4.7.0/css/font-awesome.min.css">
<style>
html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
</style>

<body class="w3-light-grey">
<!-- Page Container -->
<div class="w3-content w3-margin-top" style="max-width:1400px;">
<!-- The Grid -->

6
 <div class="w3-row-padding">
<!-- Left Column -->
<div class="w3-third">
<div class="w3-white w3-text-grey w3-card-4">
<div class="w3-display-container">
<img src="download.jpeg" style="width:100%"
alt="Avatar">
<div class="w3-display-topleft w3-
container w3-text-black">

<h2>Group No: 12</h2>

</div>
</div>
<div class="w3-container">
<p>
<i class="fa fa-briefcase fa-fw w3-margin-
right w3-large w3-text-teal">
</i>Computer Engineer
</p>
<p>
<i class="fa fa-home fa-fw w3-margin-right w3-
large w3-text-teal">
</i>Pune ,India</p>
<p>
<i class="fa fa-envelope fa-fw w3-margin-right
w3-large w3-text-teal">
</i>[email protected]</p>
<p>
<i class="fa fa-phone fa-fw w3-margin-right
w3-large w3-text-teal">
</i>7218007220</p>
<hr>
<p class="w3-large">

7
 <b><i class="fa fa-asterisk fa-fw w3-margin-
right w3-text-teal">
</i>Skills</b></p>
<p>C</p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge
w3-teal" style="width:90%">90%
</div>
</div>
<p>C++</p>
<div class="w3-light-grey w3-round-xlarge w3-small">

<div class="w3-container w3-center w3-round-xlarge

w3-teal" style="width:80%">
<div class="w3-center w3-text-white">80%
</div>
</div>
</div>
<p>Java </p>
<div class="w3-light-grey w3-round-xlarge w3-small">
<div class="w3-container w3-center w3-round-xlarge
w3-teal" style="width:75%">75%
</div>
</div>
<br>
<p class="w3-large w3-text-theme">
<b><i class="fa fa-globe fa-fw w3-margin-right w3-
text-teal"></i>Languages</b></p>
<p>English</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:100%">
</div>

8
 </div>
<p>Marathi</p>
<div class="w3-light-grey w3-round-xlarge">
<div class="w3-round-xlarge w3-teal" style="height:24px;width:100%">
</div>
</div>
<br>
</div>
</div><br>
<!-- End Left Column -->
</div>
<!-- Right Column -->
<div class="w3-twothird">
<div class="w3-container w3-card w3-white w3-margin-bottom">
<h2 class="w3-text-grey w3-padding-16">
<i class="fa fa-suitcase fa-fw w3-margin-right w3-xxlarge w3-text-
teal"></i>Work Experience</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>Supervisor At XYZ PVT.LTD</b></h5>
<h6 class="w3-text-teal">
<i class="fa fa-calendar fa-fw w3-margin-right">
</i>Jan 2026 - <span class="w3-tag w3-teal w3-
round">Current</span></h6>
<p>Setting goals for performance and deadlines in ways that comply
with company’s plans and vision</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity"><b>Web Developer</b></h5>
<h6 class="w3-text-teal">
<i class="fa fa-calendar fa-fw w3-margin-right">

9
 </i>Mar 2024 - Dec 2025</h6>

<p>Writing and reviewing code for sites, typically HTML, XML, or

JavaScript<br>Preparing finished art by operating necessary equipment and
software</p>
<hr>
</div>
</div>
<div class="w3-container w3-card w3-white">
<h2 class="w3-text-grey w3-padding-16">
<i class="fa fa-certificate fa-fw w3-margin-right w3-xxlarge w3-text-
teal"></i>Education</h2>
<div class="w3-container">
<h5 class="w3-opacity"><b>School Of Coading</b></h5>
<h6 class="w3-text-teal">
<i class="fa fa-calendar fa-fw w3-margin-right">
</i>Forever</h6>
<p>Web Development! All I need to know in one place</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity">
<b>Karmayogi Institute Of Technology (Engineering)</b></h5>
<h6 class="w3-text-teal">
<i class="fa fa-calendar fa-fw w3-margin-right"></i>2023-2026</h6>
<p>Master Degree</p>
<hr>
</div>
<div class="w3-container">
<h5 class="w3-opacity">
<b>Karmayogi Institute Of Technology (Polytechnic)</b></h5>

10
 <h6 class="w3-text-teal">
<i class="fa fa-calendar fa-fw w3-margin-right"></i>2020-2023</h6>
<p>Bachelor Degree</p><br>
</div>
</div>
<!-- End Right Column -->
</div>
<!-- End Grid -->
</div>
<!-- End Page Container -->
</div>
<footer class="w3-container w3-teal w3-center w3-margin-top">
<p>Find me on social media.</p>
<i class="fa fa-facebook-official w3-hover-opacity"></i>
<i class="fa fa-instagram w3-hover-opacity"></i>
<i class="fa fa-snapchat w3-hover-opacity"></i>
<i class="fa fa-pinterest-p w3-hover-opacity"></i>
<i class="fa fa-twitter w3-hover-opacity"></i>
<i class="fa fa-linkedin w3-hover-opacity"></i>
<p>Powered by <a href="" target="_blank">Group No :12</a></p>
</footer>
</body>
</html>

11
8.0 OUTPUT :

12
9.0 Skill developed by this Micro-Project :

 Teamwork.

 Communication Skill.

 Able to create resume using JavaScript, HTML, and CSS.

10.0 Application of Micro-Project :

Posting your resume online improves the chances of a recruiter or hiring

manager finding you. While applying for jobs online is a strong start, your
completed job application often only reaches the one hiring manager for that
specific position.

SIGN OF SUBJECT TEACHER

13
14