ONLINE RESUME MAKER

A Minor Project-I

Submitted in partial fulfillment of the requirements for the

Award of Degree of
Bachelor of Technology in Artificial Intelligence and Machine Learning
Submitted to

RAJIV GANDHI PROUDYOGIKI VISHWAVIDHYALAYA, BHOPAL (M.P.)

Submitted by

KUNDAN KUMAR (0111AL221094)

MANORANJAN KUMAR (0111AL221099)
HARSHIKA CHOURE (0111AL221082)
NISHANT KUMAR (0111AL221123)

Under the Guidance of

AP. Neelesh Rai
( AL-Department)

DEPARTMENT OF ARTIFICIAL INTELLIGENCE AND MACHINE LEARNING

TECHNOCRATS INSTITUTE OF TECHNOLOGY, BHOPAL
SESSION: June-december 2024
 TECHNOCRATS INSTITUTE OF TECHNOLOGY, BHOPAL

DEPARTMENT OF ARTIFICIAL INTELLIGENCE AND MACHINE

LEARNING

CERTIFICATE

This is to certify that the work embodies in this Minor Project- I work entitled
“ONLINE RESUME MAKER” being submitted by MANORANJAN KUMAR
(0111AL22099), KUNDAN KUMAR(0111AL221094), HARSHIKA
CHOURE(0111AL221082), NISHANT KUMAR (0111AL221123)_
, in partial fulfillment of the requirement for the award of Bachelor of Technology
in Artificial Intelligence and Machine Learning to Rajiv Gandhi Proudyogiki
Vishwavidyalaya, Bhopal( M.P.) during the session June-december 2024 is a
record of bonafide piece of work, carried out by them under my supervision and
guidance in the Artificial Intelligence & Machine Learning , Technocrats Institute
of Technology, Bhopal.

Guided by:
[Link] Rai
Approved by:
 (Associate Prof.) [Link] Sharma
Artificial Intelligence
& Machine Learning Head of the Department
Artificial Intelligence & Machine
Learning

TECHNOCRATS INSTITUTE OF TECHNOLOGY, BHOPAL

DEPARTMENT OF INFORMATION TECHNOLOGY

DECLARATION

We Manoranjan Kumar(0111AL221099), Kundan Kumar(0111AL221094),

Harshika Choure(0111AL221082), Nishant Kumar(0111AL2211), Students Of
Bachelor Of Technology in ARTIFICIAL INTELLIGENCE & MACHINE
LEARNING, session June-December 2024 Technocrats Institute of
Technology ,Bhopal M.P., hereby declare that the work presented in this project
Report entitled ”ONLINE RESUME MAKER” is the outcome of our own work, is
bonafide and correct to the best of our knowledge and this work has been carried
out taking care of Engineering Ethics.

MANORANJAN KUMAR (0111AL221099)

KUNDAN KUMAR (0111AL221094)

HARSHIKA CHOURE (0111AL221082)

 NISHANT KUMAR (0111AL221123)

ACKNOWLEDGEMENT

I deem as it’s my privilege to extent my profound gratitude and appreciation towards all those who
have directly or indirectly involved themselves in making this project a great success. It gives
me immense pleasure to express my deepest sense of gratitude and sincere thanks to my respected
guide Prof. Neelesh Rai for his valuable guidance, encouragement and help for this work.
I would also like to express my sincere thanks to Dr. Shashi Kumar Jain, Director Technocrats Institute
of Technology, Bhopal for his encouragement and support.
I would also like to thank Prof. , Head of Department Artificial Intelligence and Machine
Learning for providing me with all the moral support and necessary help.
I am also thankful to all the staff members of the Institute for their cooperation in my work.
My sincere appreciation and thanks to my family members and friends for keen interest, continued encouragement
and support.

MANORANJAN KUMAR (0111AL221099)

KUNDAN KUMAR (0111AL221094)

HARSHIKA CHOURE (0111AL221082)

NISHANT KUMAR (0111AL221123)

 TABLE OF CONTENTS
Abstract I
CHAPTER-1 INTRODUCTION 1

CHAPTER-2 PROBLEM STATEMENT 2

CHAPTER-3 METHODOLOGY 3
Description of Software Model used for Project
E-R diagram if required
Flow diagram if required
Data flow diagram if required
Class diagram, Activity diagram, object diagram, use case diagram, sequence diagram,
state diagram if required
Hardware/Software requirement & description
Work distribution table of team member’s
CHAPTER-4 PROJECT WORK 9
Feasibility study
Objective
Scope of project
Project description in details
Result
CHAPTER-6 CONCLUSION & DISCUSSION 12
Conclusion
 Benefit of the project for society
Future work
Limitation
14
REFERENCES

ABSTRACT

An online resume builder is a user-friendly, web-based platform designed to simplify and enhance
the process of creating professional resumes. This project aims to develop a system that allows
users to effortlessly design, customize, and download resumes tailored to their professional
profiles. The application provides pre-designed templates, a variety of formatting options, and
real-time previews, enabling users to focus on content rather than formatting.

The proposed system incorporates features such as interactive form inputs, dynamic resume
sections, and the ability to save or update resumes.

The project leverages modern web technologies, ensuring accessibility across devices,
responsiveness, and a seamless user experience. Security is maintained through proper handling
of user data, ensuring privacy and confidentiality. This online resume builder bridges the gap
between technical and non-technical users, empowering individuals to present their qualifications
professionally and effectively in today's competitive job market.
 I

CHAPTER -1 INTRODUCTION

1.1 Purpose
This web application provides a platform to access accurate and real-time weather forecasts, making it easier for users
to plan their day-to-day activities. The application delivers detailed weather information such as temperature, humidity,
wind speed, and precipitation forecasts. Additionally, it aims to provide weather-related alerts to ensure user safety
during extreme conditions like storms or heatwaves.
The platform not only helps users stay informed but also contributes to decision-making in sectors like agriculture,
travel, construction, and event planning.

1.2 Scope
• The scope of this project is extensive, covering a wide array of weather-related use cases for individuals and
organizations alike. It bridges the gap between technology and daily weather needs by offering convenient, user-
friendly, and reliable access to weather information.

• Key highlights of the application include:

• Can be accessed anywhere and anytime, as it is a web-based application.

• Offers real-time and location-specific weather updates.

• Provides a valuable tool for individuals, educational institutions, and businesses across industries like
transportation, agriculture, and tourism.

• Supports features like weather alerts, historical weather data, and predictive analysis to assist users in planning
ahead.

• This project is designed to address the growing demand for accurate weather forecasts, enhancing productivity
and safety in various aspects of life and work.
 CHAPTER - 2 PROBLEM DEFINITION

Crafting a professional resume can be challenging for individuals without design experience. Existing solutions often
lack customization options or are not user-friendly. Our "Online Resume Maker" addresses these challenges by:

Providing pre-designed templates that are fully customizable.

Offering a seamless user experience for creating, editing, and saving resumes.

Supporting multiple file formats for download.

Proposed Solution
User-Friendly Interface:

 A simple platform designed for users of all skill levels, allowing easy navigation and step-by-step guidance for
creating resumes.

Professional Templates:

 A wide range of customizable templates tailored to different industries and job roles.
 Ensures visually appealing and ATS-compliant formats.

Customization and Flexibility:

 Allows users to edit and customize their resumes in real-time.

 Supports job-specific resume tailoring with dynamic sections for specific roles or industries.
 CHAPTER - 3 METHODOLOGY

3.1 Description of software model used for project

The programming language used for the development of the project is JavaScript, and the Agile
Software Development model is adopted to ensure iterative and incremental progress. Unlike the rigid Waterfall model,
Agile allows for greater flexibility, enabling continuous improvement through frequent stakeholder feedback.

Agile Software Development Model:

1. Planning:
o Identify core features (e.g., templates, export options).
o Define user stories (e.g., "As a user, I want to customize my resume").
2. Sprints:
o Develop in small cycles (e.g., Sprint 1: User login, Sprint 2: Templates).
o Include design, development, testing, and feedback in each sprint.
3. Continuous Delivery:
o Deploy functional updates at the end of every sprint.
4. User Feedback:
o Collect feedback regularly to refine features (e.g., add AI suggestions).

The development of the Resume Builder project follows a systematic methodology to ensure an
organized and efficient workflow. The methodology is structured into distinct phases as follows:

1. Requirement Analysis
 Identify user needs and project goals, such as real-time preview, template selection, and PDF export
functionality.
 Define core features, including input forms, customization options, and responsiveness.
 Understand technical constraints, such as browser compatibility and device responsiveness.

2. Design and Planning

 Wireframing and Prototyping:
o Create wireframes for the input forms, templates, and preview sections.
o Design templates and the overall layout using tools like Figma or Adobe XD.
 Technology Stack Selection:
o Frontend: HTML, CSS, JavaScript, and TypeScript.
o Libraries/Tools: jsPDF for PDF export, Google Fonts for typography, and icons for design.

3. Development
 Frontend Development:
o Build the structure using HTML.
o Style the application with CSS, ensuring responsiveness through media queries and frameworks (if
any).
o Use JavaScript and TypeScript to add interactivity and ensure type safety.
 Real-Time Preview Implementation:
o Utilize event listeners and DOM manipulation to dynamically update the preview as users input
data.
 PDF Export Integration:
o Implement jsPDF to generate downloadable PDF resumes from the real-time preview.

4. Testing and Debugging

 Functional Testing:
o Validate all input forms and ensure proper data rendering in the preview.
o Test template switching, PDF export, and customization options.
 Compatibility Testing:
o Ensure the application works smoothly across different browsers and devices.
 User Feedback:
o Gather feedback from potential users to identify areas of improvement.

5. Deployment
 Deploy the application on hosting platforms like GitHub Pages, Netlify, or Vercel for user accessibility.
 Ensure proper version control using Git.
1
Fig Agile Model

2
 3.2 ER DIAGRAM

An Entity-Relationship (ER) Diagram for an Online Resume Maker project is a visual representation
that shows the key entities involved in the project, their attributes, and the relationships between them.
It is used to design and structure the data in the database and to understand how the system components
interact with each other.

Key Entities and Relationships:

Key Entities

1. User: Manages account and creates resumes (UserID, Name, Email).

2. Resume: Stores resume details (ResumeID, Title, Content).
3. Template: Defines resume styles (TemplateID, Name).
4. Job Category: Represents industries (CategoryID, CategoryName).

Relationships

1. User ↔ Resume: One user can create many resumes (1-to-Many).

2. Resume ↔ Template: Each resume uses one template (Many-to-1).
3. User ↔ Job Category: Users can select multiple job categories (Many-to-Many).
4. User ↔ Account Settings: One user has one account settings entry (1-to-1).

3
FIG 3.2 ER DIAGRAM

4
3.3 DATA FLOW DIAGRAM

A Data Flow Diagram (DFD) illustrates how data moves through the system, showing processes, data
flows, external entities, and data stors.
DFD Levels:

Level 0 (Context Diagram):

 External Entity: User (interacts with the system).
 Process: Online Resume Maker System (handles user inputs, resume creation, template selection,
etc.).
 Data Flow:
o User Input: Data like name, job experience, and template preferences.
o Resume Output: Generated resume files (PDF).
o User Info: Account settings and preferences.

Level 1: Major Processes:

1. User Registration/Login: User credentials are entered, resulting in account creation or
authentication.
2. Resume Creation: User inputs are used to generate a resume.
3. Template Selection: Users choose a template, which is applied to the resume.
4. Account Settings: User preferences for the interface (e.g., theme, language).

FIG 3.3 DATA FLOW DIAGRAM

5
 CHAPTER 4 PROJECT WORK

4.1 FEASIBILITY STUDY

The Feasibility Study for the Online Resume Maker confirms the project is technically viable, using
HTML, CSS, and JavaScript for development. It is economically feasible as these technologies are free
and cost-effective. Additionally, the project is legally compliant and can be completed within a
reasonable timeline.

4.1.1 Description of the Feasibility Study

The Feasibility Study for the Online Resume Maker project assesses its viability
using HTML, CSS, and JavaScript. From a technical feasibility perspective, these
technologies are well-suited for creating an interactive and responsive web
application, which is the foundation of the project. Operational feasibility is high
because the system will be user-friendly, allowing users to easily create and
customize their resumes. In terms of economic feasibility, the project is cost-effective
since HTML, CSS, and JavaScript are free and widely available, reducing
development and maintenance costs. The legal feasibility is straightforward, as the
project does not involve storing sensitive data, ensuring minimal legal concerns
regarding privacy. Lastly, the schedule feasibility is favorable, with a reasonable
timeline for completion due to the simplicity of the technologies used. Overall, the
study confirms that the project is both technically and economically viable.

4.1.2 Feasibility, Need, and Significance of the Project

The Online Resume Maker project is both feasible and significant. Technically, it is achievable as it uses
widely accessible technologies like HTML, CSS, and JavaScript, which are suitable for creating an
interactive and responsive web application. Economically, the project is cost-effective since these
technologies are free, reducing both development and maintenance expenses. The project also has a
clear timeline for completion, thanks to the simplicity of the tools used. The need for such a platform
arises from the increasing demand for professional resumes, where users can easily create and
customize resumes without technical expertise. The Online Resume Maker project helps users save time
and ensures they can create polished, industry-standard resumes. Its significance lies in providing a
user-friendly, accessible tool for job seekers, enabling them to present their qualifications effectively
and improve their chances of securing employment.

4.2 OBJECTIVE

6
  Enable users to create resumes easily by offering customizable templates and
sections like personal details, work experience, education, and skills.
 Offer a responsive interface, ensuring the platform works seamlessly across
different devices and screen sizes.
 Provide instant resume generation, allowing users to download their resumes in
various formats like PDF or DOCX.
 Enhance accessibility for non-technical users, making it simple for anyone to create
a professional-looking resume without needing design skills.
 Ensure data security and privacy, protecting user information during the resume
creation process.

4.3 SCOPE OF PROJECT

 Resume Creation:
 Users can create resumes by entering personal information, work experience, education, skills, and
other relevant sections.
 Users can customize the layout and design of their resumes using pre-defined templates.
 Template Selection:
 The platform offers a variety of templates with different styles to suit different professions or
preferences.
 Download Options:
 Users can download their resumes in multiple formats, such as PDF, for easy sharing or printing.
Security and Privacy:
 The project ensures that user data, such as personal information, remains secure and private, with no
unnecessary data storage.

4.4 PROJECT DESCRIPTION IN DETAIL

4.4.1 DESCRIPTION :-
The Resume Builder application is a dynamic web-based tool designed to simplify the process of
creating professional resumes. It provides users with an intuitive interface to input their details, choose
from customizable templates, preview their resume in real-time, and export it in PDF format.
Leveraging TypeScript ensures robust, error-free development and enhanced user experience

7
 4.4.2 Technology Used
I. Frontend: HTML, CSS, JavaScript These technologies are used for building the
frontend interface, ensuring responsiveness and interactivity. enabling seamless
user experiences.

II. Typescript: Define reusable interfaces for input forms, templates, and resume
sections.

Role of Technologies:

1. HTML5:

o Structures the input form, template sections, and overall layout.

2. CSS3:

o Provides styling for a professional and clean UI.

o Enables responsive design using flexbox, grid, and media queries.

3. JavaScript:

o Adds interactivity, such as updating the preview in real-time and handling user actions.

4. TypeScript:

o Introduces type safety and error detection during development.

o Ensures consistent handling of user data (e.g., string, number types).

o Facilitates scalable and maintainable code for complex features.

Workflow:-
Input: Users fill out the form with details (e.g., name, education, skills).
Real-Time Update: A live preview updates with user input.
Export: Users download the final resume in PDF format.

4.4.3 Field of the Project

 Focuses on creating a responsive and interactive web application using HTML, CSS, JavaScript,
and TypeScript.

8
  Ensures a user-friendly interface and a seamless user experience for creating, customizing, and
exporting resumes.
 Emphasizes client-side technologies for real-time data handling, template rendering, and dynamic
interaction.

 Facilitates job seekers in creating professional resumes quickly and efficiently.

 Demonstrates structured and scalable code practices using TypeScript for robust application
development.

4.4.4 Special Technical Terms

1. Frontend: Refers to the user-facing interface built with HTML, CSS, and JavaScript to ensure
an to create a interactive resume
2. Responsive Design: Ensures the platform adapts to various devices and screen sizes, enhancing
accessibility and usability.

CHAPTER 5 CONCLUSION & DISCUSSION

The Resume Builder project successfully provides a user-friendly and efficient
platform for creating professional resumes. By leveraging HTML, CSS, JavaScript,
and TypeScript, it achieves a seamless experience for users, offering features like
template selection, real-time previews, and PDF export.
While the system meets its core objectives of simplifying resume creation, it also
highlights opportunities for improvement, such as enhancing template diversity,
integrating AI for content suggestions, and expanding to include multilingual and
accessibility features.
With future upgrades like backend support, advanced customization, and job
platform integration, the Resume Builder has the potential to evolve into a
comprehensive career development tool. This project not only simplifies the resume
creation process but also empowers users to present themselves professionally and
confidently in their career pursuits.

Conclusion:
The Resume Builder project successfully demonstrates the integration of modern
web technologies to create a user-friendly application. By leveraging HTML, CSS,
JavaScript, and TypeScript, the project ensures a seamless, interactive, and efficient
experience for users to design professional resumes.

9
 A responsive and aesthetically pleasing design.
 Real-time preview and customization features.
 Robust and maintainable codebase ensured by TypeScript.
 Easy export functionality, producing high-quality PDF outputs.
This project provides a practical solution for job seekers and professionals,
simplifying the traditionally cumbersome process of resume creation.

Discussion:

 Ease of Use: The intuitive interface ensures accessibility for users with minimal
technical skills.
 Customization: The ability to choose templates and modify design elements caters
to diverse user preferences.
 TypeScript Integration: Enforces type safety, reducing bugs and making the
application scalable for future enhancements.

 Ensuring template responsiveness across multiple devices and browsers.

 Handling complex user inputs like dynamic addition of sections (e.g., projects,
references).
 Real-time PDF generation maintaining design integrity.

5.2 Significance of the system

 The system is easy to use as it is user friendly.
 The working of the system is in organized form.
 It provides faster and accurate prescription processing.
 The system is kept simple and can be easily used by users.
 A larger number of participants, with instant results of your quiz.

10
5.3 Limitations of the System
 Template Limitations:

 Limited number of pre-designed templates may not cater to all user preferences or industries.

 Users cannot fully customize the layout beyond predefined options.

 No Backend Support (Optional Limitation):

 Without backend integration, the application cannot save user data for future access.

 Resumes are generated only during the session, and user input is lost upon page reload.

 Device Dependency:

 While responsive, certain devices (e.g., older browsers or low-resolution screens) may not render the
design perfectly.

 Data Validation:

 Limited or basic input validation may allow users to input incomplete or improperly formatted data.

 PDF Quality and Formatting Issues:

 Complex layouts might not translate perfectly into PDF format, especially for highly customized
designs.

Future Scope of the Resume Builder Project

The Resume Builder project has significant potential for enhancements and scalability. Here are key
areas of future scope:

1. Template Expansion
 Add more professionally designed templates catering to different industries (e.g., IT, healthcare,
academia).
 Enable full drag-and-drop customization of sections and layouts.

2. Backend Integration
 Introduce a database (e.g., Firebase, MongoDB) for user data storage.
 Allow users to create accounts and save resumes for future editing or duplication.
Advanced Export Options
 Support additional export formats like DOCX or XML alongside PDF.

11
  Ensure compatibility with job portal systems for direct uploads.

Collaboration Features
 Introduce multi-user collaboration, allowing teams or mentors to review and edit resumes.
 Add comment and feedback functionality

Code link:-
[Link]

Deployment Link:-
[Link]

REFERENCES

I. [Link]
II. [Link]
III. [Link]
IV. [Link]

12