Project Report

Online Job seeking Web Application

Submitted by

Roll No: 31
Name: Aleena Qadir
2021-2025

Supervised By

Mr. Muhammad Asif Raza

DEPARTMENT OF COMPUTER SCIENCE

BAHAUDDIN ZAKARIYA UNIVERSITY MULTAN
PAKISTAN
 FINAL APPROVAL

This is to certify that we have read this report submitted by Aleena Qadir Roll no:
BSCS-E-31 and it is our judgment that this report is of sufficient standard to warrant its
acceptance by Bahauddin Zakariya University, Multan for the degree of BS (Computer
Science).

Committee:

1. External Examiner ______________________

<<Examiner Name>>
<<Designation>>
<<Organization>>

2. Supervisor ________________
Mr. Muhammad Asif Raza
Assistant Professor
Department of Computer Science
Bahauddin Zakariya University, Multan

.
3. Head of Department ________________
Dr. Minhaj Ahmad khan
Professor
Department of Computer Science
Bahauddin Zakariya University, Multan
 DEDICATION

To my Loving Parents and Teacher

 ACKNOWLEDGMENT

First and foremost, I would like to thank Allah, my only love, for granting me the
strength, patience, and wisdom to complete this project. Without His countless blessings
and guidance, none of this would have been possible.
I would also like to express my heartfelt gratitude to my teachers for their invaluable
guidance and support throughout the development of this project. Their insights and
encouragement have been a cornerstone of my learning.
My deepest appreciation goes to my family, whose unwavering support, prayers, and
motivation have been a constant source of inspiration during this journey.
Lastly, I am grateful for the online resources and tutorials, particularly the YouTube
tutorial, which provided essential guidance and knowledge during the project
development.
Thank you to everyone who contributed to the successful completion of this work!

Aleena Qadir
BSCS-E-31
 PROJECT BRIEF

PROJECT NAME Online Job Portal Web Application

ORGANIZATION NAME Independent Project

UNDERTAKEN BY Aleena Qadir

SUPERVISED BY Mr. Muhammad Asif Raza

STARTING DATE November 09, 2024

COMPLETION DATE …………, 2024

AMD Ryzen 5 5600U, 2.30 GHz, 8GB RAM, 237GB

COMPUTER USED
HDD (175GB free, total 237GB)

OPERATING SYSTEM Windows 11 Pro, Version 21H2

SOURCE LANGUAGE(S) JavaScript (React, HTML, CSS)

DBMS USED MongoDB

TOOLS/PACKAGES Visual Studio Code, Node.js, Express.js, MongoDB

 ABSTRACT

The Online Job Portal Web Application is developed to bridge the gap between job
seekers and employers, providing an efficient platform for job searching and recruitment.
This project is designed to allow job seekers to create profiles, search for job listings, and
apply for jobs online, while employers can post job openings, manage applications, and
view candidate details. The application is built using modern web technologies like
React, Node.js, Express.js, and MongoDB.

The system features a user-friendly interface for both job seekers and employers,
allowing them to register, manage their profiles, and interact with the platform. Job
seekers can search for jobs based on various filters and apply online, while employers can
post job vacancies, review applicants, and manage their hiring process. The main
objective of this project is to create a seamless experience for both users, making the job
application process more efficient and accessible.

The project is developed independently, based on practical knowledge gained from

watching educational resources and tutorials. The system ensures high performance,
security, and a smooth user experience while adhering to modern development standards.
This project demonstrates the ability to design and develop a functional web application
with both frontend and backend integration.

In conclusion, this Online Job Portal serves as a practical solution for job seekers and
employers, enhancing the job application process and contributing to the growth of online
recruitment platforms. The future prospects include adding more advanced features such
as AI-driven job recommendations and chatbots for better user interaction.
 TABLE OF CONTENTS
Contents Page No.
Chapter 1
Introduction
1.1 Project Introduction 2
1.1.1 Main Theme 3
1.1.2 Scope of the Project 3
1.1.3 Objectives of the Project 3
4
1.2 Introduction to Organization
1.2.1 Organizational Setup and Structure 5
1.2.2 Main Aim and Work Environment 6
1.3 Conclusion and Future Prospectus 7

Chapter2
System Analysis
2.1 Feasibility Study
2.2 Existing System: Data Gathering 8
2.2.1 Questionnaires 9
2.2.2 Sampling & Observations 10
2.2 Existing System: Data Analysis 13
2.2.1 Data Flow Diagrams (DFDs) 14
2.2.2 Requirements Engineering 15
2.2.3 Deliverables 16

Chapter 3
System Design
17
3.1 Introduction to System Design
18
3.2 Proposed System and its Features 19

3.3 System Design using UML

 3.3.1 Use Case Diagrams 19
3.3.2 Sequence Diagrams 20
3.4 Database Design 20
3.4.1 Entity Relationship Diagrams (ERDs) 21
3.4.2 Building a Relational Model from ERDs 22
3.4.3 Normalizing Relational Model to 3NF 23

Chapter 4
System Development & Implementation
4.1 Introduction to System Development 25
4.2 Tool/Language Selection 25
4.3 Hardware for the System 26
4.4 Software Development & Implementation 26
4.4.1 Client Side Technology 27
4.4.1.1 (React, HTML, CSS) 27
4.4.2 Server Side Technology 28
4.4.2.1 (Node.js, Express.js, MongoDB) 28
4.5 Code/Algorithms of important modules 30

Chapter 5
User’s Guide
5.1 Input Forms (print-out with some description) 39
5.2 Reports (print-out with some description) 50

Chapter 6
Conclusion
A one or two page summary of the tasks carried out in the project. 70
 Chapter 1

INTRODUCTION

1.1
1.1 Project Introduction
The Online Job Portal is a web-based application designed to connect job
seekers with employers. This platform provides job seekers with the ability
to search and apply for jobs online while allowing employers to post job
openings, view applications, and manage recruitment processes efficiently.

The project aims to create a seamless user experience by utilizing modern

web development tools and technologies such as React for the frontend,
Node.js with Express.js for the backend, and MongoDB for data storage.
The platform is built by a sole developer, who is responsible for both
frontend and backend implementation. The development process is guided
by online tutorials and inspired by features of popular job portals such as
LinkedIn and Indeed.

1.1.1 Main Theme

The main theme of this project is to create a web platform that bridges the
gap between job seekers and employers. The goal is to provide a seamless
and efficient experience for both parties by offering the necessary tools for
job seekers to find and apply for jobs, while giving employers the ability to
post job vacancies, manage applications, and hire the right candidates.

This theme is built around creating a user-friendly and accessible platform

where job seekers can showcase their skills, and employers can easily access
a pool of candidates for various job positions. The use of modern web
technologies like React, Node.js, Express.js, and MongoDB ensures that the
portal is scalable, fast, and can handle a growing number of users and data
effectively.

1.1.2 Scope of the Project

The scope of the project is focused on two primary stakeholders:

1. Job Seekers
  User-Friendly Registration: A streamlined sign-up process
that captures user details securely.
 Custom Profiles: Users can build their profiles, upload
resumes, and update them as needed.
 Job Listings: A well-organized catalog of job postings, with
advanced filters to refine searches.
 Application System: The ability to apply directly through
the platform, with options to upload cover letters and
resumes.

2. Employers

o Job Postings: Employers can create detailed job posts,

including roles, responsibilities, and qualification requirements.
o Application Tracking: A system to view submitted
applications and sort them based on relevance.
o Job Management: The ability to update or remove job listings
as needed.

The platform is scalable, meaning it can handle an increasing number of

users and features in the future, making it a valuable tool for modern
recruitment.

1.1.3 Objectives of the Project

1. Creating a Seamless User Experience:

o The goal is to develop an easy-to-use platform for both job

seekers and employers. Job seekers can register, create
profiles, and apply for jobs, while employers can post
jobs, view applicants, and manage hiring easily. The
project aims to make job searching and recruitment as
simple and user-friendly as possible.

2. Ensuring Security:
 o User authentication and data protection are crucial.
Secure login and password protection will be implemented,
ensuring that both job seekers and employers' personal data
remains safe. Sensitive information like resumes and job
applications will be encrypted and stored securely.

3. Incorporating Scalability:

o The platform will be designed to handle increasing numbers

of users and job listings without performance issues.
Scalability is a core focus, so the system can grow with the
increasing number of job seekers and employers using the
portal.

4. Enhancing Efficiency:

o The system will automate repetitive tasks such as resume

screening and sending job alerts to users. This reduces the
manual effort required from job seekers and employers, helping
them save time and streamline the job application and hiring
process

1.2 Introduction to Organization

1.2.1 Organizational Setup and Structure

As the sole developer of this project, I am responsible for every stage of
development, including:
 1. Frontend Development: Designing an intuitive interface with React
and CSS.

2. Backend Development: Creating robust server-side logic using

Node.js and Express.js.

3. Database Management: Setting up and managing a MongoDB

database for user data and job listings.

1.2.2 Main Aim and Work Environment

The main aim of this project is to develop a professional and fully functional
web application that connects job seekers with employers. The platform is
designed to be user-friendly and efficient, providing a seamless experience
for both job seekers and employers.

The work environment for this project is based on Visual Studio Code (VS
Code), which is used for coding, debugging, and testing. VS Code is a
popular, lightweight text editor that supports a wide range of programming
languages and extensions, making it ideal for developing web applications.
This helps in maintaining the overall usability and performance of the
platform.

1.3 Conclusion and Future Prospectus

This platform addresses the inefficiencies of traditional recruitment
processes by providing a digital solution. Future prospects include:

 Mobile Application Development: Expanding accessibility to

smartphones.

 AI-Powered Job Matching: Enhancing job recommendations for

seekers.

 Real-Time Notifications: Alerting users about job openings and

application updates.
 Chapter 2
System Analysis
2.1 Feasibility Study

2.1.1 Technical Feasibility

The use of modern technologies like React, Node.js, and MongoDB ensures
that the system is technically robust, scalable, and reliable. React offers an
efficient and responsive frontend, Node.js and Express handle the backend
with speed and scalability, and MongoDB provides a flexible database
structure to manage growing user data.

2.1.2 Economic Feasibility

The project uses open-source tools, which reduces development costs. By

utilizing these tools, the financial investment is kept low. For hosting,
affordable and reliable services will be selected to ensure the platform
remains operational without high expenses, making the project economically
feasible.

2.1.3 Operational Feasibility

The system is designed to be user-friendly with simple navigation, so job

seekers and employers can use the platform effectively without requiring
extensive training. This ensures that the platform is easily accessible and
practical for its intended users.

2.2 Existing System: Data Gathering

2.2.1 Questionnaires

In this project, questionnaires were not used. Instead, I followed a step-by-

step YouTube tutorial to understand the key features of a job portal. This
tutorial guided me through the process of building the platform, highlighting
important functionalities and user flows.
2.2.2 Sampling and Observations

To ensure the platform meets industry standards, I analyzed popular job

portals such as LinkedIn and Indeed. The features studied include:
 Job search filters (location, salary, experience, etc.)
 Employer dashboards for managing job posts and applications These
features were then incorporated into the portal to improve user
experience and functionality.

2.3 Existing System: Data Analysis

In the Data Analysis phase, the goal is to analyze the existing systems (job
portals) to understand their structure, features, and functionalities, as well as
how they operate. This analysis helps in identifying the necessary features
and improving the design of the new Online Job Portal.

2.3.1 Data Flow Diagram (DFD)

A Data Flow Diagram (DFD) visually represents the flow of data and
processes within a system. It shows how users interact with the system and
how information is processed. In the context of the Online Job Portal, the
DFD illustrates the steps involved for both job seekers and employers when
interacting with the platform.
Data Flow Diagram (DFD)

+------------------+
| Landing Page |
+------------------+
|
+--------------+-------------+
| |
v v
+------------+ +-------------+
| Job Seeker | | Employer |
+------------+ +-------------+
| |
+-----+-----+ +--------+--------+
| Register | | Register |
+-----+-----+ +--------+--------+
| |
+-----+-----+ +--------+--------+
| Login | | Login |
+-----+-----+ +--------+--------+
| |
+-----+-----+ +--------+--------+
| Browse Jobs| | Post Jobs |
| Apply | | Manage Jobs |
+------------+ +-----------------+
2.3.2 Requirement Engineering

In the Requirement Engineering phase, the project team (or individual

developer) gathers and documents both functional and non-functional
requirements for the system. These requirements are essential to ensure that
the system meets its objectives and works as intended.

Functional Requirements: These specify the core features and
functionality of the system, such as:
o User registration and login for both job seekers and employers.
o Ability for job seekers to browse job listings, apply for jobs,
and manage their profiles.
o Ability for employers to post jobs, view applications, and
manage job listings.

 Non-Functional Requirements: These focus on how the system

performs rather than what it does, including aspects such as:
o Security: Ensuring that user data, including sensitive
information like resumes, is securely stored and transmitted.
o Scalability: The system should be able to handle an increasing
number of users, job listings, and applications without
performance degradation.
o Performance: The platform should load quickly and
efficiently, with minimal lag during actions like job search or
application submission.
o Responsiveness: The platform should provide an optimized
experience across devices, including desktops, tablets, and
smartphones.

2.3.3 Deliverables

The deliverables section outlines the tangible outputs of the system's design
and development process. For the Online Job Portal, these include:

1. Frontend Development: The React-based user interface, which

includes:
o Job seeker and employer dashboards.
o Forms for registration, login, and job applications.
 o Job listing pages with filters and search functionality.

2. Backend Development: The server-side Node.js and Express.js

components that handle:
o User authentication and authorization.
o Management of job postings, applications, and user data.
o API endpoints for job seekers to view job listings and apply for
positions.

3. Database: The MongoDB database, which stores:

o User profiles (for both job seekers and employers).
o Job listings and application data.
o Transactional data such as job application status and employer
updates.

4. Deployment: The platform is deployed on a live server, ensuring that

users can access the portal in real-time. Hosting services are selected
based on affordability and reliability, ensuring optimal performance.

By completing these deliverables, the system will be functional, ready for

testing, and accessible to real users.
 Chapter 3

SYSTEM DESIGN
 Chapter 4

SYSTEM DEVELOPMENT &

IMPLEMENTATION
 Chapter 5

USER’S GUIDE