Web Development Internship report

Submitted in the partial fulfillment of the requirements

for the degree of B.Tech in Computer Engineering

by

Jay Patel (20CE1327)

Supervisor
Ms Bharti Nikose

Department of Computer Engineering

Ramrao Adik Institute of Technology
Sector 7, Nerul, Navi Mumbai
(Under the ambit of D. Y. Patil Deemed to be University)
2024
 Ramrao Adik Institute of Technology
(Under the ambit of D. Y. Patil Deemed to be University)
Dr. D. Y. Patil Vidyanagar, Sector 7, Nerul, Navi Mumbai 400 706

CERTIFICATE
This is to certify that, the Internship report entitled

Web Development Internship report

is a bonafide work done by
Jay Patel (20CE1327)

and is submitted in the partial fulfillment of the requirement for the degree of

B.Tech in Computer Engineering

to the
D. Y. Patil Deemed to be University

Industry Mentor Supervisor Project Co-ordinator

(Mr. Dixit Patel) (Ms Bharti Nikose) (Mrs Namita Phulgam)

Head of Department Principal

(Dr. Amarsinh V. Vidhate) (Dr. Mukesh D. Patil)
 Internship Report Approval

This is to certify that the Internship entitled “ Web Development ” is a bonafide work
done by Jay Patel (20CE1327) under the supervision of Ms Bharti Nikose. This internship
is approved in the partial fulfillment of the requirement for the degree of B.tech in Computer
Engineering

Internal Examiner :
1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

External Examiners :
1. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

2. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Date : . . . /. . . /. . . . . .

Place : . . . . . . . . . . . .
 DECLARATION

I declare that this written submission represents my ideas and does not invovle plagiarism. I
have adequately cited and referenced the original sources wherever others’ ideas or words have
been included. I also declare that I have adhered to all principles of academic honesty and
integrity and have not misrepresented or fabricated or falsified any idea/data/fact/source in my
submission. I understand that any violation of the above will be cause for disciplinary action
against me by the Institute and can also evoke penal action from the sources which have thus
not been properly cited or from whom proper permission has not been taken when needed.

Date:

Jay Patel (20CE1327)

Abstract

Finding jobs that best suits the interests and skill set is quite a challenging task for the job
seekers.The difficulties arise from not having proper knowledge on the organization’s objec-
tive, their work culture and current job openings. In addition, finding the right candidate with
desired qualifications to fill their current job openings is an important task for the recruiters of
any organization. Online job search Portals have certainly made job seeking convenient on both
sides. Job Portal is the solution where recruiter as well as the job seeker meet aiming at fulfilling
their individual requirement. They are the cheapest as well as the fastest source of communi-
cation reaching wide range of audience on just a single click irrespective of their geographical
distance.
The website “Jobsmarkt” provides an easy and convenient search application for the job
seekers to find their desired jobs and for the recruiters to find the right candidate. Job seekers
from any background can search for the current job openings. Job seekers can register with the
application according to their skill set. They can search for available jobs and apply to their
desired positions. Employer can register with the application and posts their current openings.
They can view the Job applicants and can screen them according to the best fit.

i
Contents

Abstract i

List of Tables iv

List of Figures v

1 Introduction 1
1.1 Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 1
1.2 Roles and Responsibilities . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2
1.3 Organization of the report . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 2

2 Analysis of Existing Solutions 3

2.1 Analysis of Existing Solutions in the Industry . . . . . . . . . . . . . . . . . . 3
2.2 Survey of existing technologies and methodologies . . . . . . . . . . . . . . . 4

3 Proposed System 5
3.1 Problem Statement . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 5
3.2 Project Methodology/Techniques . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.3 Key Features . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 6
3.4 Design and Architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7
3.5 Skills Development . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

4 Results and Discussion 12

4.1 Implementation Details . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 12
4.2 Testing Strategies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
4.3 Testing Levels . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 18
4.4 Result Analysis . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 19

ii
5 Summary of Work 20

References 22

A Yiion Systems 23
A.1 Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 23

B Mr Dixit Patel 24

C Attendance Report 25

D Internship Completion Certificate 26

E Plagiarism Report 27

Acknowledgement 28

iii
List of Tables

2.1 Survey of Existing Technologies . . . . . . . . . . . . . . . . . . . . . . . . . 4

iv
List of Figures

3.1 System Architecture . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 7

3.2 Candidate flowchart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8
3.3 Employer flowchart . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9
3.4 Use case diagram . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 10

4.1 Website Interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

4.2 Website interface . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13
4.3 Registration form . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
4.4 Successfull candidate login . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14
4.5 updating profile info . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.6 Listed jobs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 15
4.7 Apply job . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
4.8 Applied jobs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 16
4.9 Post jobs . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 17

C.1 Attendence Report . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 25

v
Chapter 1

Introduction

” Jobsmarkt ” is a website, which serves jobseekers to find available job vacancies and Employ-
ers to identify eligible job seekers with the prospect of selecting the most qualified candidates.
The only way to select best-qualified candidate is to have a pool of eligible applicants, which
is possible by drawing the interest of individuals in the market. Jobsmarkt best serve this pur-
pose.The report details the comprehensive design and development of the ”jobsmarkt” website,
a platform dedicated to facilitating job postings and applications for user. With the growing
need of job applications and job providers for their business administration the project’s pri-
mary goal was provide a medium to fill the gap and enhance user interaction, streamline job
posting and application processes, and elevate the overall user experience. Through a metic-
ulous approach that included requirement analysis, iterative development, and rigorous testing
underwent for the development of the website .

1.1 Overview
The ”jobsmarkt” website serves as an online platform aimed at simplifying the job search and
recruitment process. It provides a centralized hub where job seekers can explore job opportu-
nities, create profiles, and apply for positions, while employers can post job listings, manage
applications, and connect with potential candidates. The website’s purpose is to facilitate effi-
cient and effective interactions between job seekers and employers, streamlining the recruitment
process and enhancing overall user experience in the job market.

1
1.2 Roles and Responsibilities
• Write well designed, testable, efficient code by using best website development practices.

• Create website layout/user interface by using standard HTML/CSS practices.

• Integrate data from various back-end services and databases.

• Gather and refine specifications and requirements based on technical needs.

• Be responsible for maintaining, expanding, and scaling the site.

• Stay plugged into emerging technologies/industry trends and apply them into operations
and activities.

• Co-operate with web designers to match visual design intent.

• Collaborate with the mentor and keep updating with workflows.

1.3 Organization of the report

The report is organised as follows:

• Chapter 1 is an introduction, consisting of an overview, roles and responsibilities, and the

organization of the report.

• Chapter 2 analyzes existing solutions, exploring current methodologies and approaches .

• Chapter 3 introduces the proposed system, detailing its components, development pro-
cess, problem statement, techniques, design, and skills development.

• Chapter 4 reviews implementation results, encompassing implementation details, testing

strategies, and result analysis.

• Chapter 5 offers a summary of the work, emphasizing key insights and future recommen-
dations.

2
Chapter 2

Analysis of Existing Solutions

The existing system for job recruitment includes traditional methods like Employment agencies,
advertising through newspapers, televisions and radios, college fairs etc., which are too slow
and stressful. With the advancement of internet, jobseekers rely on the online job portals, which
makes the job search efficient. Again, most of these are limited to the web/desktop applications,
which requires jobseekers to have a laptop or desktop connected to internet and is not handy.

2.1 Analysis of Existing Solutions in the Industry

Many restrictions inhibit job searchers and employers when using traditional methods of discov-
ering and posting positions, such as depending on physical job boards, newspaper classifieds,
and word-of-mouth referrals. These approaches have a naturally narrow audience reach and are
frequently restricted to local or regional markets, which limits chances for all parties involved
in the job process. Additionally, longer hiring procedures and lost opportunities for job seekers
result from the delayed access to job postings caused by print publication timetables. Moreover,
the efficacy of the recruiting process is hampered by the traditional techniques’ intrinsic lack
of interaction and real-time communication, which prevents employers and candidates from en-
gaging effectively. Furthermore, the difficulties experienced by companies and job searchers are
made worse by the high expenses of print ads as well as regional restrictions that limit access to
work prospects outside of local borders. The shortcomings of traditional job search techniques
are further highlighted by the limited visibility for employers and the absence of thorough track-
ing and analytics. This emphasizes the urgent need for contemporary online platforms such as
”jobsmarkt” that provide greater reach, quicker information access, improved interactivity, cost-

3
effectiveness, and cutting-edge features to expedite the job search and recruitment process for
all parties involved.

2.2 Survey of existing technologies and methodologies

Table 2.1: Survey of Existing Technologies

Sr.No Technology Advantage Disadvantage
1 Moodle Open-source, cus- Steep learning curve,
tomizable, extensive complex interface
plugin ecosystem
2 Canvas User-friendly interface, Limited customization
robust features options, scalability
challenges
3 Brightspace Modern interface, Limited support for
mobile-friendly design advanced assessment
tools
4 Blackboard Well-established, com- Expensive licensing
prehensive feature set fees, integration issues
5 Laravel Rapid development, el- Requires PHP knowl-
egant syntax edge, limited scalability

4
Chapter 3

Proposed System

The website ”jobsmarkt” provides a comprehensive platform for both businesses and job seekers
with the goal of streamlining the hiring and job search procedures. Employer login capabilities
allow businesses to post job vacancies, manage applications, and review posted job applications
from candidates, shortlisting the best one required by the employer. Job seekers can create
profiles, upload resumes, search for job opportunities listed, filter the domains in which they
aim to apply for, and apply directly through the website. ”jobsmarkt” fosters effective and
efficient interactions between companies and candidates through user-friendly interfaces that
streamline the recruiting process. This, in turn, improves the overall job search and recruitment
experience for all parties involved.

3.1 Problem Statement

The ”jobsmarkt” initiative offers a cutting-edge, user-centric web platform in an effort to solve
the shortcomings and inefficiencies seen in conventional job search and recruitment techniques.
Taking into account the difficulties that both companies and job seekers encounter—such as
hard to get opportunities, lengthy application procedures, and weak employer-candidate rela-
tionships—the initiative intends to completely transform the employment environment. Owing
to the growing demand for business administration skills and the ever-increasing need for jobs,
jobsmarkt serves as a link between the two. It streamlines the hiring process and aims to cre-
ate a platform that empowers people to find their ideal careers and helps companies effectively
connect with top talent.

5
3.2 Project Methodology/Techniques
Frontend Development with Bootstrap, HTML, CSS, and JavaScript:

• Utilize Bootstrap framework for rapid development of responsive and visually appealing
user interfaces.

• Leverage CSS for styling and layout customization, adhering to design guidelines and
enhancing user experience.

• Employ JavaScript , and jQuery for dynamic functionality and interactivity, such as form
validation, data fetching.

Backend Development with MySQL Database:

• Design and implement a relational database schema using MySQL, laravel frameworks
defining tables, relationships, and constraints to efficiently store and manage data.

• Utilize SQL queries for database manipulation, including data retrieval, insertion, updat-
ing, and deletion operations.

User Authentication and Authorization:

• Implement user authentication mechanisms to verify user identities and ensure secure
access to the platform’s features and resources.

• Laravel, known for its elegant syntax and rich feature set, simplifies backend development
by providing a wide range of builtin functionalities such as routing, middleware, and
authentication to protect sensitive user information, such as passwords.

3.3 Key Features

• Find Jobs Functionality: Candidate user can find the listed or posted jobs.

• Post jobs Functionality: Employer user can post the jobs.

• View Companies Funcationality: User can view the companies.

• Talent Pool Functionality: User can view the candidates selected

• My jobs Functionality: Employer can view posted jobs

6
3.4 Design and Architecture

Figure 3.1: System Architecture

The fig 3.1 shows the system architecture of the website where the tools used for frontend and
backend are mentioned above .

7
 Figure 3.2: Candidate flowchart

The fig 3.2 shows the flow of the modules and functionalities of the website for the candidate
where he/she can find jobs , view applied jobs , find companies and view their account .

8
 Figure 3.3: Employer flowchart

The fig 3.3 shows the flow of the modules and functionalities of the website fir the cabdidate
where an employer can view their posted jobs , view talent pool , post jobs , companies and
their account .

9
 Figure 3.4: Use case diagram

The fig 3.4 is the use case diagram where the actors are unregestered employers, unregestered
candidates , registered candidates , registered employers and admin

3.5 Skills Development

As an intern completing the ”jobsmarkt” project, I have developed a range of valuable skills
essential for my future career in the IT industry. These skills include:

• Technical Skills: Proficiency in frontend development using HTML, CSS, JavaScript,

and frameworks like Bootstrap. Additionally, gaining familiarity with backend devel-
opment using technologies like Laravel, PHP, along with database management using
MySQL or similar platforms.

• Problem-Solving: Through the project, you likely encountered various technical chal-
lenges and learned to effectively troubleshoot and resolve issues, demonstrating problem-
solving abilities crucial in any IT role.

10
• Project Management: Understanding project requirements, managing tasks, and meet-
ing deadlines are fundamental skills cultivated during your internship, demonstrating your
ability to organize and prioritize work effectively.

• Communication: Collaborating with team members, conveying ideas, and presenting

project updates or findings likely improved your communication skills, essential for ef-
fective teamwork and client interaction.

• Attention to Detail: Ensuring accuracy in coding, design implementation, and testing

procedures helps develop a keen eye for detail, crucial for producing high-quality work
in any IT project.

• Adaptability: As you encountered new technologies, methodologies, and project re-

quirements throughout your internship, you likely developed adaptability and flexibility
to learn and adapt quickly to changing environments and demands.

• Professionalism: Conducting yourself in a professional manner, meeting deadlines, and

adhering to project guidelines demonstrates professionalism, a key trait valued in any
workplace setting.

• Continuous Learning: The internship likely sparked your curiosity to explore new tech-
nologies, tools, and industry trends, fostering a mindset of continuous learning and pro-
fessional development essential for long-term success in the IT field.

11
Chapter 4

Results and Discussion

4.1 Implementation Details

Testing, continuous improvement, interactive features, frontend development, backend integra-
tion with MySQL server, and Laravel for simplified authentication were all carefully integrated
into the user-friendly ”jobsmarkt” website. The platform’s operations were made safe by uti-
lizing Laravel’s authentication tools, which complemented the HTML, CSS, and JavaScript
components on the frontend that were designed for the best responsiveness and user experi-
ence. The components of Bootstrap allowed for quick development, and JavaScript allowed for
interactive features like dynamic content and form validation. Integration with MySQL made
data retrieval and storage easier. The website placed a high priority on usability and function-
ality through strong user authentication procedures and thorough testing, creating an effective
platform for hiring and job hunting.
The modules completed are as follows :

• Admin: One other feature that comes with Spring Security is the admin login, which
allows you to access different parts of the Admin module. Admin users are essential to
the management of employer accounts; their duties include activating and deactivating
them as required. Moreover, administrators have the opportunity to browse and navigate
the application’s extensive list of employers that have registered.

• Candidate user:Users of Jobseeker are able to perform a number of tasks, such as regis-
tering applications and creating accounts, by providing the necessary information, which
includes First and Last Name, Email, Password, Mobile Number, Primary Skill, and Ex-

12
 perience. Within the MySQL database, this data is safely kept in the Jobseeker table.
Once their accounts are activated, job searchers can utilize features that enable them to
look for, browse, and apply for available positions. Every job application’s specifics are
methodically logged in the applied in database.

• Employer user: The employer have the access to post the jobs and view other candidates
from candidate pool also a employer can view different companies .

Figure 4.1: Website Interface

Here fig 4.1 shows the overall interface of the website where there are options of find jobs ,
companies, post jobs and login buttons.

Figure 4.2: Website interface

13
Fig 4.2 shows different categories of work domains in which the candidate wants to apply or
just view the sectors .

Figure 4.3: Registration form

Fig 4.3 is the registration form where new user has to fill the shown information.

Figure 4.4: Successfull candidate login

Fig 4.4 shows the profile of user after successfull login inforamtion .

14
 Figure 4.5: updating profile info

Fig 4.5 shows a user can update his/her info like profile picture , dob , jobs categories , resume
etc ’

Figure 4.6: Listed jobs

Fig 4.6 shows a candidate user can view all the listed jobs

15
 Figure 4.7: Apply job

Fig 4.7 show the job discription of particular selected or viewed job and a ”apply” button where
a candidate can apply for that job .

Figure 4.8: Applied jobs

Fig 4.8 shows the section applied jobs in which a candidate user can view their all the jobs that
they have already applied for .

16
 Figure 4.9: Post jobs

Fig 4.9 shows that a employer user can post the jobs on the website after creating a employer
account .

17
4.2 Testing Strategies
In web development, testing is an essential step that ensures a website or online application is
reliable, functional, and easy to use. It includes a range of testing methods and strategies to find
and fix any problems or defects prior to the product being put into production. Functional test-
ing verifies that all features function as intended. Usability testing evaluates the user experience
and intuitiveness of the interface. Performance testing assesses the speed and responsiveness
of the website under various conditions. Compatibility testing verifies that the website is com-
patible with a variety of browsers and devices. Security testing finds and addresses potential
vulnerabilities or threats. When it comes to web development, testing is essential to producing
a high-quality product that fulfills user expectations, raises user satisfaction, and preserves the
website’s or web application’s credibility.

4.3 Testing Levels

• Unit testing: Individual source code units are tested for functionality through unit test-
ing. It is the tiniest unit of a tested program that operates independently of other code
segments. I have conducted unit tests on different parts of the source code to find mis-
takes that are contained inside the application’s boundaries.

• Integration testing: The design and development of the software are the main topics of
integration testing. In this case, the separate elements that are examined by unit tests are
merged and examined collectively. Its main goal is to highlight the flaws in the way the
modules interface. It determines if, when combined, the modules carry out the intended
functionality.

• System testing: A fully integrated system is put through system testing to make sure it
satisfies the specifications.

• Regression testing:The purpose of regression testis.ng is to confirm that the software that
has undergone prior testing and modifications still functions as intended. To guarantee
that updated software remains compatible with older version

• Acceptance testing: The purpose of regression testis.Acceptance testing is done to make

sure the system complies with the needs of the business.

18
4.4 Result Analysis
The purpose of regression testis.Significant progress was made in improving the ”jobsmarkt”
website, an online job search platform, during the internship at Yiion Systems. The main goal
was to enhance the user interface and interaction of the website by upgrading and improv-
ing its frontend using JavaScript, HTML, CSS, Tailwind CSS, and Tailwind CSS. In order to
guarantee responsiveness on a range of devices, Bootstrap was implemented. Laravel was also
used for backend development, which made role-based access management and user authen-
tication easier. The database management system, MySQL, was used to safely store user and
job data. Implementing features including user registration, profile creation, job posting, and
application submission was part of the project. Each element was carefully tested to guarantee
functionality and dependability. Important abilities in web development, project management,
problem-solving, and communication were picked up throughout the internship.The purpose of
regression testis... The website ”jobsmarkt” has surfaced as an intuitive and effective tool that
has the potential to completely transform the job search and hiring process. The task is finished
once the website has been successfully tested.

19
Chapter 5

Summary of Work

The purpose of regression testis.The main responsibility of the Yiion Systems internship was
to maintain and improve the ”jobsmarkt” website, an online job search engine. Improving the
front-end interface, putting role-based access control and user authentication into place, stream-
lining database administration, and guaranteeing device responsiveness were among the goals.
Tasks including frontend development with HTML, CSS, Tailwind CSS, and JavaScript, back-
end integration with Laravel and MySQL, and functional and reliable testing were all included
in the scope. The project took several weeks to complete, with frequent updates and revisions.

• Approaches Taken: The internship began with a thorough analysis of the existing web-
site and identification of areas for improvement. A phased approach was adopted, starting
with frontend enhancements to improve user interface and interactivity. Bootstrap was in-
tegrated to ensure responsiveness, while Laravel facilitated backend development, includ-
ing user authentication and role management. MySQL was utilized for secure database
management. Regular testing and iterations were conducted to address any issues and
refine functionality.

• Key Accomplishments: Key accomplishments include significant improvements to the

website’s frontend interface, implementation of user authentication and role-based access
control, and optimization of database management. The intern played a pivotal role in
these accomplishments by actively contributing to frontend and backend development,
conducting thorough testing, and providing valuable insights for enhancements.

• Future work : Making an AI based filtering hunter Pursing Gizmo has developed the
best recruitment tool by utilizing the most recent developments in artificial intelligence,

20
machine learning, and visual intelligence. The entire screening process is automated,
including the resume assessment, the applicant interview, and the decision to forward a
candidate to the next round.

The unique quality of Hunting Gizmo is its ability to evaluate soft abilities as accurately
as a human would. This involves evaluating their self-assurance, sincerity, capacity for
handling stress, and other soft qualities that employers believe are essential for them to
be a successful hiring.

21
Appendices

22
Appendix A

Yiion Systems

Company Name: Yiion Systems

UDYAM No: UDYAM -GJ-14-0015577
Address: Radhanpur road , Mahesana -384001
Industry/Sector: IT service based

A.1 Overview
A team of tech experts who use technology to create groundbreaking digital services that help
our clients reach new heights of success. We believe in the potential of technology to make a
difference.
Our passion for development keeps us motivated to strive for excellence and push the boundaries
of what is possible. This ambition drives us to develop cutting-edge technology solutions and
provide unparalleled opportunities for our customers and employees.

23
Appendix B

Mr Dixit Patel

Name : Dixit Patel

Email: [email protected]
Designation : CEO/MD

24
Appendix C

Attendance Report

Figure C.1: Attendence Report

25
Appendix D

Internship Completion Certificate

26
Appendix E

Plagiarism Report

27
Acknowledgments

I take this opportunity to express my profound gratitude and deep regard to my Supervisor Ms.
Bharti Nikose for her exemplary guidance, monitoring and constant encouragement throughout
the completion of this report. We are truly grateful for her efforts to improve our understanding
towards various concepts and technical skills required in our project. The blessing, help and
guidance given by her from time to time shall carry us a long way in the journey of life on
which we are about to embark. We take this privilege to express our sincere thanks to Dr.
Mukesh D. Patil, Principal, RAIT for providing the much necessary facilities. We are also
thankful to Dr. Amarsinh Vidhate, Head of Department of Computer Engineering, and Project
Co-Ordinator Mrs.Namita Pulgam, Department of Computer Engineering, RAIT, Nerul Navi
Mumbai for their generous support. Last but not the least we would also like to thank all those
who have directly or indirectly helped us in completion of this thesis.

Mr. Jay Patel (20CE1327)

Date:

28