Online Job Portal using React springboot Mysql.
Project Overview: Online Job Portal
The Online Job Portal project is designed to facilitate job seekers in finding suitable job opportunities and
recruiters in finding the right candidates for their openings. This application leverages React for the
frontend, Spring Boot for the backend, and MySQL for the database. The portal includes comprehensive
modules for both job seekers and recruiters, offering a seamless experience for both parties.
Pages
1. Home Page
• Description: The home page serves as the landing page for all users. It provides an overview of the
platform, featuring highlights of its functionalities and benefits for both job seekers and recruiters.
• Features:
o Introduction to the portal
o Navigation links to different sections of the portal
o Call-to-action buttons for registering or logging in
pg. 1 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
pg. 2 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
2. Contact Us Page
• Description: The contact us page allows users to reach out to the portal's support team for any
queries, feedback, or issues.
• Features:
o Contact form with fields for name, email, subject, and message
o Contact details including email, phone number, and physical address
3. Login Page
• Description: The login page provides separate login options for job seekers and recruiters.
• Features:
o Fields for email and password
o Buttons to log in as a job seeker or recruiter
o Links to register or reset the password
pg. 3 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
4. Register Page
• Description: The register page offers options for both recruiters and job seekers to create an
account.
• Features:
o Buttons to register as a recruiter or job seeker
o Forms for entering necessary registration details
Registration Process
5. Register as Recruiter
• Description: This page allows recruiters to create an account by entering their company details and
personal information.
• Fields: Company name, email, password, contact number, etc.
pg. 4 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
6. Register Job Seeker Personal Details
• Description: Job seekers can enter their personal information to create an account.
• Fields: Name, email, password, phone number, date of birth, etc.
7. Register Job Seeker Address Details
• Description: This page allows job seekers to enter their residential address details.
• Fields: Street address, city, state, postal code, country, etc.
8. Register Job Seeker Education Details
• Description: Job seekers can provide their educational background.
• Fields: Degree, institution, year of graduation, grades, etc.
pg. 5 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
9. Register Job Seeker Experience Details
• Description: Job seekers can list their work experience.
• Fields: Company name, job title, duration, job responsibilities, etc.
pg. 6 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
10. Register Job Seeker Upload Profile Photo and Resume
• Description: Job seekers can upload their profile photo and resume.
• Fields: File upload for profile photo and resume
11. Register Confirmation
• Description: Confirmation page showing the successful registration message.
• Features:
o Confirmation message
o Link to login page
pg. 7 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
Recruiter Module
Functionality
1. Recruiter Dashboard and Analytics
o Description: A comprehensive dashboard displaying key metrics such as total applications,
total jobs, active jobs, and total hires.
o Features: Graphs, charts, and summary statistics
2. Recruiter Profile
o Description: Page for recruiters to view and edit their profile information.
o Features: Editable fields for company information, contact details, etc.
pg. 8 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
3. Recruiter Add New Job
o Description: Allows recruiters to post new job openings.
o Fields: Job title, description, requirements, salary, location, etc.
4. Recruiter View the Job List and Delete Them
o Description: Displays a list of all jobs posted by the recruiter with options to delete them.
o Features: Job listing with delete buttons
pg. 9 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
5. Recruiter View the Job Details
o Description: Detailed view of a specific job posting.
o Features: Job title, description, requirements, salary, location, etc.
6. Recruiter View the Applicants List Applied for Job
o Description: List of applicants who have applied for a specific job.
o Features: Applicant names, application dates, statuses, etc.
pg. 10 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
7. Recruiter View the Details of Applicants
o Description: Detailed view of each applicant's profile and application.
o Features: Personal details, education, experience, resume, etc.
8. Recruiter View the Resume of Applicants
o Description: Option to download and view applicants' resumes.
o Features: Download link for resumes
pg. 11 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
9. Recruiter Hire or Reject the Applicants
o Description: Option to hire or reject applicants based on their profiles and resumes.
o Features: Buttons for hiring or rejecting with optional feedback fields
Job Seeker Module
Functionality
1. Job Seeker View All Jobs
o Description: Page for job seekers to browse all available job listings.
o Features: Job listing with search and sort options
pg. 12 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
2. Job Seeker Filter Jobs
o Description: Allows job seekers to filter jobs based on criteria like location, industry, salary,
etc.
o Features: Filter options and buttons
3. Job Seeker View Job Details and Apply
o Description: Detailed view of a job posting with an option to apply.
o Features: Job title, description, requirements, salary, location, and apply button
pg. 13 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
4. Job Seeker View Applied Jobs and Status
o Description: Page where job seekers can see the list of jobs they have applied for and their
application statuses.
o Features: List of applied jobs with statuses (e.g., pending, accepted, rejected)
This detailed description covers the major components and functionalities of the Online Job Portal project.
Each module and page is designed to ensure a smooth and efficient user experience for both job seekers
and recruiters.
Note: JWT implemented.
pg. 14 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
Students can use this project for learning and can submit the project for their final
year or Internship projects.
IF YOU WANT THE PROJECT DO CONTACT ME.
Project Price: 5000Rs
I will give you the full project SOURCE CODE and I will do a COMPLETE SET-UP of the project on
your PC or Laptop remotely.
Email:- codewitharrays@gmail.com
Contact Us on WhatsApp :- +91 8007592194 / +91 9284926333
How to setup Project
1. Open Frontend File in VS code
2. Open New terminal and Install node module for that Run below command
Npm install --legacy-peer-deps
3. Now Start the server fot that Run below command
Npm Start
4. Open Backend file in STS-4
5. Change the username , password and database name in application.properties file
spring.jpa.hibernate.ddl-auto=update
spring.datasource.url=jdbc:mysql://localhost:3306/Your_Database_Name
spring.datasource.username=root
spring.datasource.password= Your_Database_Password
spring.datasource.driver-class-name=com.mysql.cj.jdbc.Driver
server.port=8080
6. Now open MySql And create database
create database Your_Database_Name;
Use Your_Database_Name;
7. Now Run Backend as springboot
pg. 15 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
pg. 16 contact us on 8007592194 / 9284926333 www.codewitharrays.in
Online Job Portal using React springboot Mysql.
Youtube Link:- https://youtube.com/playlist?list=PLJcDbkEqA_tR19Ok2tcYMp8dA7h4Aiv-
q&si=CC4jUB_f_98JWLRA
pg. 17 contact us on 8007592194 / 9284926333 www.codewitharrays.in
