Online Job Portal Project in Python Django with Source Code

March 15, 2021March 4, 2021 by adones evangelista

Online Job Portal Project in Python Django with Source Code

This Online Job Portal Project in Python Django is created using Python Django Framework. The system is built fully in Django Framework in back-end and HTML, CSS and JavaScript in front-end. Basically, the project includes tutorials and guides for creating a code.

A Online Job Portal is a plan for an online career site. This online web application is to be conceived as a dynamic platform in its current form, requiring continuous changes from both the seekers and the businesses.

The purpose of the project is to encourage jobseekers to position their resumes and find appropriate jobs while companies to publish their vacancies and find good candidates. Jobseekers may use it to post their resumes, browse for jobs, and view personal work listings.

It will allow numerous businesses to post job openings on the web and will also allow them to scan applicant resumes. The goal of this Python project is to create an online portal where recruiters can post job openings and candidates can apply. Candidates can search for and apply for job openings.

Watch the video here to see the full running Online Job Portal Project In Python Django With Source Code

To start creating a Online Job Portal in Django, makes sure that you have PyCharm Professional IDE Installed in your computer.

This Online Job Portal Project in Python Django also includes a Download Source Code for free, just find the downloadable source code below and click download now.

Administrator Features of Online Job Portal Project in Python Django

Homepage– For the homepage, you will be able to all the basic access in the whole system. Such as home, about us, contact us, and registration of employee and employer.
Sign Up– For the sign up, you will fill the forms. Such as your username, password and email address.
Login – For the login, you must login first before you can access the system.
Manage jobseeker – The jobseeker’s applications for each job can be accessed by the admin user. The admin can add, update, and delete jobseeker’s information.
Manage employer – For the employer, The admin can add, update, and delete company information.
Manage posted jobs – For the posted jobs, The admin can add, update, and delete posted jobs.

Jobseeker Features of Online Job Portal Project in Python Django

Search Job – Jobseeker can search a job that can fit to there expertise.
Apply online – Jobseeker can apply online for their desired jobs.
Manage Profile – The Jobseeker can Add and Edit profile information including qualification, experience, and skills.
Sign Up– For the sign up, The jobseeker must fill the forms. Such as your first name, last name, password and email address.
Login – For the login, The jobseeker must login first before she/he can access the system.

Online Job Portal Project in Python Django With Source Code Steps on How to Create a Project

Time needed: 5 minutes.

Here’s the Steps on How to create a Online Job Portal Project in Python Django

Step 1: Open file.
First , open “pycharm professional” after that click “file” and click “new project“.
Step 2: Choose Django.
Next, after click “new project“, choose “Django” and click.
Step 3: Select file location.
Then, select a file location wherever you want.
Step 4: Create application name.
After that, name your application.
Step 5: Click create.
Lastly, finish creating project by clicking “create” button.
Step 6: Start Coding.
Finally, we will now start adding functionality to our Django Framework by adding some functional codes.

This are the codes to add functionality for Online Job Portal Project in Python Django With Source Code

Create template for the homepage in Online Job Portal Project in Python Django.

In this section, we will learn on how create a templates for the homepage. To start with, add the following code in your base.html under the folder of template/jobs files.

{% load static %}
&lt;!DOCTYPE html&gt;
&lt;html&gt;

&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;
    &lt;title&gt;{% block title %} {% endblock %} - Online Job Portal System&lt;/title&gt;
    &lt;meta name="description" content=""&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
    &lt;meta name="robots" content="all,follow"&gt;
    &lt;!-- Bootstrap CSS--&gt;
    &lt;link rel="stylesheet"
          href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}"&gt;
    &lt;!-- Font Awesome CSS--&gt;
    &lt;link rel="stylesheet"
          href="{% static 'vendor/font-awesome/css/font-awesome.min.css' %}"&gt;
    &lt;!-- Google fonts - Roboto for copy, Montserrat for headings--&gt;
    &lt;link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,700"&gt;
    &lt;link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700"&gt;
    &lt;!-- owl carousel--&gt;
    &lt;link rel="stylesheet"
          href="{% static 'vendor/owl.carousel/assets/owl.carousel.css' %}"&gt;
    &lt;link rel="stylesheet"
          href="{% static 'vendor/owl.carousel/assets/owl.theme.default.css' %}"&gt;
    &lt;!-- theme stylesheet--&gt;
    &lt;link rel="stylesheet" href="{% static 'css/style.default.css' %}"
          id="theme-stylesheet"&gt;
    &lt;!-- Custom stylesheet - for your changes--&gt;
    &lt;link rel="stylesheet" href="{% static 'css/custom.css' %}"&gt;
    {% block styles %}{% endblock %}
    &lt;!-- Favicon--&gt;
    &lt;link rel="shortcut icon" href="favicon.png"&gt;
    &lt;!-- Tweaks for older IEs--&gt;&lt;!--&#91;if lt IE 9]&gt;
    &lt;script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"&gt;&lt;/script&gt;
    &lt;script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"&gt;&lt;/script&gt;&lt;!&#91;endif]--&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;!-- navbar--&gt;
&lt;header class="header"&gt;
    &lt;nav class="navbar navbar-expand-lg bg-dark"&gt;
        &lt;div class="container"&gt;
            &lt;a href="/" class="navbar-brand"&gt;
                &lt;img src="{% static 'img/itsourcecodes.jpg' %}" alt="logo" class="d-none d-lg-block"&gt;
                &lt;span class="sr-only"&gt;Home&lt;/span&gt;
            &lt;/a&gt;
            &lt;button type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                    aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"
                    class="navbar-toggler navbar-toggler-right"&gt;Menu&lt;i class="fa fa-bars"&gt;&lt;/i&gt;
            &lt;/button&gt;
            &lt;div id="navbarSupportedContent" class="collapse navbar-collapse"&gt;
                &lt;ul class="navbar-nav ml-auto"&gt;
                    &lt;li class="nav-item active"&gt;
                        &lt;a href="/" class="nav-link"&gt;Home &lt;span class="sr-only"&gt;(current)&lt;/span&gt;&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class="nav-item"&gt;
                        &lt;a href="#" class="nav-link"&gt;About Us&lt;/a&gt;
                    &lt;/li&gt;
                    &lt;li class="nav-item"&gt;
                        &lt;a href="#" class="nav-link"&gt;Contact&lt;/a&gt;
                    &lt;/li&gt;
                    {% if request.user.is_authenticated and request.user.role == 'employer' %}
                        &lt;li class="nav-item dropdown"&gt;
                            &lt;a id="clientZone" href="#" data-toggle="dropdown"
                               aria-haspopup="true" aria-expanded="false"
                               class="nav-link dropdown-toggle has-img mb-3 mb-lg-0 mt-3 mt-lg-0"&gt;
                                &lt;div class="client-menu-image"&gt;
                                    &lt;div class="inner"&gt;
                                        &lt;img src="{% static 'img/itsourcecodes.jpg' %}"
                                             alt="company image"
                                             class="img-fluid"&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                {% if request.user.role == 'employee' %}
                                    {{ request.user.first_name }} {{ request.user.last_name }}
                                {% else %}
                                    {{ request.user.first_name }}
                                {% endif %}
                            &lt;/a&gt;
                            &lt;div aria-labelledby="clientZone" class="dropdown-menu"&gt;
                                &lt;a href="{% url 'jobs:employer-dashboard' %}" class="dropdown-item"&gt;Dashboard&lt;/a&gt;
                                &lt;a href="{% url 'jobs:employer-all-applicants' %}" class="dropdown-item"&gt;Applicants &lt;/a&gt;
                                &lt;a href="{% url 'jobs:employer-jobs-create' %}" class="dropdown-item"&gt;Post a new
                                    job &lt;/a&gt;
                                &lt;a href="{% url 'accounts:logout' %}" class="dropdown-item"&gt;Logout&lt;/a&gt;
                            &lt;/div&gt;
                        &lt;/li&gt;
                    {% elif request.user.is_authenticated and request.user.role == 'employee' %}
                        &lt;li class="nav-item dropdown"&gt;
                            &lt;a id="clientZone" href="#" data-toggle="dropdown"
                               aria-haspopup="true" aria-expanded="false"
                               class="nav-link dropdown-toggle has-img mb-3 mb-lg-0 mt-3 mt-lg-0"&gt;
                                &lt;div class="client-menu-image"&gt;
                                    &lt;div class="inner"&gt;
                                        &lt;img src="{% static 'img/itsourcecodes.jpg' %}"
                                             alt="company image"
                                             class="img-fluid"&gt;
                                    &lt;/div&gt;
                                &lt;/div&gt;
                                {% if request.user.role == 'employee' %}
                                    {{ request.user.first_name }} {{ request.user.last_name }}
                                {% else %}
                                    {{ request.user.first_name }}
                                {% endif %}
                            &lt;/a&gt;
                            &lt;div aria-labelledby="clientZone" class="dropdown-menu"&gt;
                                &lt;a href="{% url 'accounts:employer-profile-update' %}" class="dropdown-item"&gt;Edit Profile&lt;/a&gt;
                                &lt;a href="{% url 'accounts:logout' %}" class="dropdown-item"&gt;Logout&lt;/a&gt;
                            &lt;/div&gt;
                        &lt;/li&gt;
                    {% else %}
                        &lt;li class="nav-item dropdown"&gt;
                            &lt;a id="pages" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"
                               class="nav-link dropdown-toggle"&gt;&lt;i class="fa fa-signing"&gt;&lt;/i&gt;Register
                            &lt;/a&gt;
                            &lt;div aria-labelledby="pages" class="dropdown-menu"&gt;
                                &lt;a href="{% url 'accounts:employee-register' %}" class="dropdown-item"&gt;Employee&lt;/a&gt;
                                &lt;a href="{% url 'accounts:employer-register' %}" class="dropdown-item"&gt;Employers&lt;/a&gt;
                            &lt;/div&gt;
                        &lt;/li&gt;
                        &lt;li class="nav-item" style="color: #fff"&gt;
                            &lt;a href="{% url 'accounts:login' %}" class="btn navbar-btn btn-outline-light mb-5 mb-lg-0"&gt;
                                &lt;i class="fa fa-sign-in"&gt;&lt;/i&gt;Login
                            &lt;/a&gt;
                        &lt;/li&gt;
                    {% endif %}
                &lt;/ul&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/nav&gt;
&lt;/header&gt;
&lt;div&gt;
    {% if messages %}

        {% for message in messages %}
            &lt;div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert"&gt;
                {{ message }}
                &lt;button type="button" class="close" data-dismiss="alert" aria-label="Close"&gt;
                    &lt;span aria-hidden="true"&gt;&amp;times;&lt;/span&gt;
                &lt;/button&gt;
            &lt;/div&gt;
{#            &lt;li{% if message.tags %} class="alert alert-{{ message.tags }}"{% endif %}&gt;{{ message }}&lt;/li&gt;#}
        {% endfor %}

    {% endif %}
    {% block content %} {% endblock %}
&lt;/div&gt;
&lt;footer class="footer"&gt;
    &lt;div class="footer__block"&gt;
        &lt;div class="container"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-lg-4 col-md-12 mb-5"&gt;
                    &lt;h4 class="h5"&gt;About Jobs&lt;/h4&gt;
                    &lt;p&gt; A job, employment, work or occupation, is a person's role in society. More specifically, a job is an activity, often regular and often performed in exchange for payment. Many people have multiple jobs. A person can begin a job by becoming an employee, volunteering, starting a business, or becoming a parent. &lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
    &lt;div class="footer__copyright"&gt;
        &lt;div class="container"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-md-6 text-md-left text-center"&gt;
                    &lt;p&gt;Online Itsourcecode Portal Jobs System 2021&lt;/p&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/footer&gt;

&lt;script src="{% static 'vendor/jquery/jquery.min.js' %}"&gt;&lt;/script&gt;
&lt;script src="{% static 'vendor/popper.js/umd/popper.min.js' %}"&gt;&lt;/script&gt;
&lt;script src="{% static 'vendor/bootstrap/js/bootstrap.min.js' %}"&gt;&lt;/script&gt;
&lt;script src="{% static 'vendor/jquery.cookie/jquery.cookie.js' %}"&gt;&lt;/script&gt;
&lt;script src="{% static 'vendor/owl.carousel/owl.carousel.min.js' %}"&gt;&lt;/script&gt;
&lt;script src="{% static 'vendor/bootstrap-select/js/bootstrap-select.min.js' %}"&gt;&lt;/script&gt;
&lt;script src="{% static 'js/front.js' %}"&gt;&lt;/script&gt;

{% block javascripts %}{% endblock %}

&lt;/body&gt;

&lt;/html&gt;

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

174

175

176

177

178

179

180

181

182

{% load static %}

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<title>{% block title %} {% endblock %} - Online Job Portal System</title>

<meta name="description" content="">

<meta name="viewport" content="width=device-width, initial-scale=1">

<meta name="robots" content="all,follow">

<link rel="stylesheet"

href="{% static 'vendor/bootstrap/css/bootstrap.min.css' %}">

<link rel="stylesheet"

href="{% static 'vendor/font-awesome/css/font-awesome.min.css' %}">

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,700">

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Montserrat:400,700">

<link rel="stylesheet"

href="{% static 'vendor/owl.carousel/assets/owl.carousel.css' %}">

<link rel="stylesheet"

href="{% static 'vendor/owl.carousel/assets/owl.theme.default.css' %}">

<link rel="stylesheet" href="{% static 'css/style.default.css' %}"

id="theme-stylesheet">

<link rel="stylesheet" href="{% static 'css/custom.css' %}">

{% block styles %}{% endblock %}

<link rel="shortcut icon" href="favicon.png">

<!--[if lt IE 9]>

<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>

<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script><![endif]-->

</head>

<body>

<header class="header">

<nav class="navbar navbar-expand-lg bg-dark">

<div class="container">

<a href="/" class="navbar-brand">

<img src="{% static 'img/itsourcecodes.jpg' %}" alt="logo" class="d-none d-lg-block">

<span class="sr-only">Home</span>

</a>

<button type="button" data-toggle="collapse" data-target="#navbarSupportedContent"

aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"

class="navbar-toggler navbar-toggler-right">Menu<i class="fa fa-bars"></i>

</button>

<div id="navbarSupportedContent" class="collapse navbar-collapse">

<ul class="navbar-nav ml-auto">

<li class="nav-item active">

<a href="/" class="nav-link">Home <span class="sr-only">(current)</span></a>

</li>

<li class="nav-item">

<a href="#" class="nav-link">About Us</a>

</li>

<li class="nav-item">

<a href="#" class="nav-link">Contact</a>

</li>

{% if request.user.is_authenticated and request.user.role == 'employer' %}

<li class="nav-item dropdown">

<a id="clientZone" href="#" data-toggle="dropdown"

aria-haspopup="true" aria-expanded="false"

class="nav-link dropdown-toggle has-img mb-3 mb-lg-0 mt-3 mt-lg-0">

<div class="client-menu-image">

<div class="inner">

<img src="{% static 'img/itsourcecodes.jpg' %}"

alt="company image"

class="img-fluid">

</div>

</div>

{% if request.user.role == 'employee' %}

{{ request.user.first_name }} {{ request.user.last_name }}

{% else %}

{{ request.user.first_name }}

{% endif %}

</a>

<div aria-labelledby="clientZone" class="dropdown-menu">

<a href="{% url 'jobs:employer-dashboard' %}" class="dropdown-item">Dashboard</a>

<a href="{% url 'jobs:employer-all-applicants' %}" class="dropdown-item">Applicants </a>

<a href="{% url 'jobs:employer-jobs-create' %}" class="dropdown-item">Post a new

job </a>

<a href="{% url 'accounts:logout' %}" class="dropdown-item">Logout</a>

</div>

</li>

{% elif request.user.is_authenticated and request.user.role == 'employee' %}

<li class="nav-item dropdown">

<a id="clientZone" href="#" data-toggle="dropdown"

aria-haspopup="true" aria-expanded="false"

class="nav-link dropdown-toggle has-img mb-3 mb-lg-0 mt-3 mt-lg-0">

<div class="client-menu-image">

<div class="inner">

<img src="{% static 'img/itsourcecodes.jpg' %}"

alt="company image"

class="img-fluid">

</div>

</div>

{% if request.user.role == 'employee' %}

{{ request.user.first_name }} {{ request.user.last_name }}

{% else %}

{{ request.user.first_name }}

{% endif %}

</a>

<div aria-labelledby="clientZone" class="dropdown-menu">

<a href="{% url 'accounts:employer-profile-update' %}" class="dropdown-item">Edit Profile</a>

<a href="{% url 'accounts:logout' %}" class="dropdown-item">Logout</a>

</div>

</li>

{% else %}

<li class="nav-item dropdown">

<a id="pages" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"

class="nav-link dropdown-toggle"><i class="fa fa-signing"></i>Register

</a>

<div aria-labelledby="pages" class="dropdown-menu">

<a href="{% url 'accounts:employee-register' %}" class="dropdown-item">Employee</a>

<a href="{% url 'accounts:employer-register' %}" class="dropdown-item">Employers</a>

</div>

</li>

<li class="nav-item" style="color: #fff">

<a href="{% url 'accounts:login' %}" class="btn navbar-btn btn-outline-light mb-5 mb-lg-0">

<i class="fa fa-sign-in"></i>Login

</a>

</li>

{% endif %}

</ul>

</div>

</div>

</nav>

</header>

<div>

{% if messages %}

{% for message in messages %}

<div class="alert alert-{{ message.tags }} alert-dismissible fade show" role="alert">

{{ message }}

<button type="button" class="close" data-dismiss="alert" aria-label="Close">

<span aria-hidden="true">&times;</span>

</button>

</div>

{# <li{% if message.tags %} class="alert alert-{{ message.tags }}"{% endif %}>{{ message }}</li>#}

{% endfor %}

{% endif %}

{% block content %} {% endblock %}

</div>

<footer class="footer">

<div class="footer__block">

<div class="container">

<div class="row">

<div class="col-lg-4 col-md-12 mb-5">

<h4 class="h5">About Jobs</h4>

<p> A job, employment, work or occupation, is a person's role in society. More specifically, a job is an activity, often regular and often performed in exchange for payment. Many people have multiple jobs. A person can begin a job by becoming an employee, volunteering, starting a business, or becoming a parent. </p>

</div>

</div>

</div>

</div>

<div class="footer__copyright">

<div class="container">

<div class="row">

<div class="col-md-6 text-md-left text-center">

<p>Online Itsourcecode Portal Jobs System 2021</p>

</div>

</div>

</div>

</div>

</footer>

<script src="{% static 'vendor/jquery/jquery.min.js' %}"></script>

<script src="{% static 'vendor/popper.js/umd/popper.min.js' %}"></script>

<script src="{% static 'vendor/bootstrap/js/bootstrap.min.js' %}"></script>

<script src="{% static 'vendor/jquery.cookie/jquery.cookie.js' %}"></script>

<script src="{% static 'vendor/owl.carousel/owl.carousel.min.js' %}"></script>

<script src="{% static 'vendor/bootstrap-select/js/bootstrap-select.min.js' %}"></script>

<script src="{% static 'js/front.js' %}"></script>

{% block javascripts %}{% endblock %}

</body>

</html>

Create template for the jobs in Online Job Portal Project in Python Django.

In this section, we will learn on how create a templates for the jobs. To start with, add the following code in your jobs.html under the folder of template/employer files.

{% extends 'base.html' %}
{% load static %}
{% block title %}
    All jobs
{% endblock %}

{% block content %}

    &lt;section class="job-form-section job-form-section--compressed"&gt;
        &lt;div class="container"&gt;
            &lt;h4 class="heading"&gt;Find a &lt;span class="accent"&gt;job &lt;/span&gt; that will &lt;span class="accent"&gt;fit to your experties&lt;/span&gt;&lt;/h4&gt;
            &lt;form id="job-main-form" method="get" action="#" class="job-main-form"&gt;
                &lt;div class="controls"&gt;
                    &lt;div class="row align-items-end"&gt;
                        &lt;div class="col-sm-1 col-lg-2"&gt;&lt;/div&gt;
                        &lt;div class="col-sm-5 col-lg-4 form-group"&gt;
                            &lt;label for="profession"&gt;Profession&lt;/label&gt;
                            &lt;input type="text" id="profession" name="profession"
                                   placeholder="Profession you are looking for" class="form-control"&gt;
                        &lt;/div&gt;
                        &lt;div class="col-sm-5 col-lg-4 form-group"&gt;
                            &lt;label for="location"&gt;Location&lt;/label&gt;
                            &lt;input type="text" id="location" name="location" placeholder="Any particular location?"
                                   value="Bay Area" class="form-control"&gt;
                        &lt;/div&gt;
                        &lt;div class="col-sm-1 col-lg-2 form-group"&gt;
                            &lt;button type="submit" name="name"
                                    class="btn btn-outline-white-primary job-main-form__button"&gt;
                                &lt;i class="fa fa-search"&gt;&lt;/i&gt;
                            &lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/section&gt;
    &lt;section&gt;
        &lt;div class="container"&gt;
            &lt;h3 class="heading"&gt;We have found &lt;span class="accent"&gt;{{ jobs.count }}&lt;/span&gt; jobs&lt;/h3&gt;
            {% for job in jobs %}
                &lt;div class="job-listing  "&gt;
                    &lt;div class="row"&gt;
                        &lt;div class="col-md-12 col-lg-6"&gt;
                            &lt;div class="row"&gt;
                                &lt;div class="col-2"&gt;
                                    &lt;img src="{% static 'img/company-1.png' %}"
                                         alt="Ipsioou " class="img-fluid"&gt;
                                &lt;/div&gt;
                                &lt;div class="col-10"&gt;
                                    &lt;h4 class="job__title"&gt;&lt;a
                                            href="{% url 'jobs:jobs-detail' job.id %}"&gt;{{ job.title }}&lt;/a&gt;&lt;/h4&gt;
                                    &lt;p class="job__company"&gt;
                                        {{ job.company_name }}
                                    &lt;/p&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="col-10 col-md-3 col-lg-2 ml-auto"&gt;&lt;i class="fa fa-map-marker job__location"&gt;&lt;/i&gt;
                            {{ job.location }}
                        &lt;/div&gt;
                        &lt;div class="col-10 col-md-3 col-lg-3 ml-auto"&gt;
                            &lt;p&gt;Posted {{ job.created_at|timesince }}&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            {% endfor %}
            {% if is_paginated %}
                &lt;div class="row"&gt;
                    &lt;div class="col-md-12"&gt;
                        &lt;nav aria-label="Page navigation example" class="d-flex justify-content-center mt-4 mb-4"&gt;
                            &lt;ul class="pagination"&gt;
                                {% if page_obj.has_previous %}
                                    &lt;li class="page-item"&gt;
                                        &lt;a href="?page={{ page_obj.previous_page_number }}"
                                           class="page-link"&gt;&amp;laquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% else %}
                                    &lt;li class="page-item disabled"&gt;
                                        &lt;a class="page-link"&gt;&amp;laquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% endif %}
                                {% for i in page_obj.paginator.page_range %}
                                    {% if page_obj.number == i %}
                                        &lt;li class="page-item active"&gt;
                                            &lt;a class="page-link"&gt;{{ i }}&lt;/a&gt;
                                        &lt;/li&gt;
                                    {% else %}
                                        &lt;li class="page-item"&gt;
                                            &lt;a href="?page={{ i }}" class="page-link"&gt;{{ i }}&lt;/a&gt;
                                        &lt;/li&gt;
                                    {% endif %}
                                {% endfor %}
                                {% if page_obj.has_next %}
                                    &lt;li class="page-item"&gt;
                                        &lt;a href="?page={{ page_obj.next_page_number }}" class="page-link"&gt;&amp;raquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% else %}
                                    &lt;li class="page-item disabled"&gt;
                                        &lt;a class="page-link"&gt;&amp;raquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% endif %}
                            &lt;/ul&gt;
                        &lt;/nav&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            {% endif %}
        &lt;/div&gt;
    &lt;/section&gt;

{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

{% extends 'base.html' %}

{% load static %}

{% block title %}

All jobs

{% endblock %}

{% block content %}

<section class="job-form-section job-form-section--compressed">

<div class="container">

<h4 class="heading">Find a <span class="accent">job </span> that will <span class="accent">fit to your experties</span></h4>

<form id="job-main-form" method="get" action="#" class="job-main-form">

<div class="controls">

<div class="row align-items-end">

<div class="col-sm-1 col-lg-2"></div>

<div class="col-sm-5 col-lg-4 form-group">

<label for="profession">Profession</label>

<input type="text" id="profession" name="profession"

placeholder="Profession you are looking for" class="form-control">

</div>

<div class="col-sm-5 col-lg-4 form-group">

<label for="location">Location</label>

<input type="text" id="location" name="location" placeholder="Any particular location?"

value="Bay Area" class="form-control">

</div>

<div class="col-sm-1 col-lg-2 form-group">

<button type="submit" name="name"

class="btn btn-outline-white-primary job-main-form__button">

<i class="fa fa-search"></i>

</button>

</div>

</div>

</div>

</form>

</div>

</section>

<section>

<div class="container">

<h3 class="heading">We have found <span class="accent">{{ jobs.count }}</span> jobs</h3>

{% for job in jobs %}

<div class="job-listing ">

<div class="row">

<div class="col-md-12 col-lg-6">

<div class="row">

<div class="col-2">

<img src="{% static 'img/company-1.png' %}"

alt="Ipsioou " class="img-fluid">

</div>

<div class="col-10">

<h4 class="job__title"><a

href="{% url 'jobs:jobs-detail' job.id %}">{{ job.title }}</a></h4>

<p class="job__company">

{{ job.company_name }}

</p>

</div>

</div>

</div>

<div class="col-10 col-md-3 col-lg-2 ml-auto"><i class="fa fa-map-marker job__location"></i>

{{ job.location }}

</div>

<div class="col-10 col-md-3 col-lg-3 ml-auto">

<p>Posted {{ job.created_at|timesince }}</p>

</div>

</div>

</div>

{% endfor %}

{% if is_paginated %}

<div class="row">

<div class="col-md-12">

<nav aria-label="Page navigation example" class="d-flex justify-content-center mt-4 mb-4">

<ul class="pagination">

{% if page_obj.has_previous %}

<li class="page-item">

<a href="?page={{ page_obj.previous_page_number }}"

class="page-link">&laquo;</a>

</li>

{% else %}

<li class="page-item disabled">

<a class="page-link">&laquo;</a>

</li>

{% endif %}

{% for i in page_obj.paginator.page_range %}

{% if page_obj.number == i %}

<li class="page-item active">

<a class="page-link">{{ i }}</a>

</li>

{% else %}

<li class="page-item">

<a href="?page={{ i }}" class="page-link">{{ i }}</a>

</li>

{% endif %}

{% endfor %}

{% if page_obj.has_next %}

<li class="page-item">

<a href="?page={{ page_obj.next_page_number }}" class="page-link">&raquo;</a>

</li>

{% else %}

<li class="page-item disabled">

<a class="page-link">&raquo;</a>

</li>

{% endif %}

</ul>

</nav>

</div>

</div>

{% endif %}

</div>

</section>

{% endblock %}

Create template for the search in Online Job Portal Project in Python Django.

In this section, we will learn on how create a templates for the search. To start with, add the following code in your search.html under the folder of template/employer files.

{% extends 'base.html' %}
{% load static %}
{% block title %}
    All jobs
{% endblock %}

{% block content %}

    &lt;section class="job-form-section job-form-section--compressed"&gt;
        &lt;div class="container"&gt;
            &lt;h4 class="heading"&gt;Find a &lt;span class="accent"&gt;job &lt;/span&gt; that will &lt;span class="accent"&gt;fit to your experties&lt;/span&gt;&lt;/h4&gt;
            &lt;form id="job-main-form" method="get" action="#" class="job-main-form"&gt;
                &lt;div class="controls"&gt;
                    &lt;div class="row align-items-end"&gt;
                        &lt;div class="col-sm-1 col-lg-2"&gt;&lt;/div&gt;
                        &lt;div class="col-sm-5 col-lg-4 form-group"&gt;
                            &lt;label for="profession"&gt;Position&lt;/label&gt;
                            &lt;input type="text" id="position" name="position"
                                   placeholder="Position you are looking for" class="form-control"&gt;
                        &lt;/div&gt;
                        &lt;div class="col-sm-5 col-lg-4 form-group"&gt;
                            &lt;label for="location"&gt;Location&lt;/label&gt;
                            &lt;input type="text" id="location" name="location" placeholder="Any particular location?"
                                   value="" class="form-control"&gt;
                        &lt;/div&gt;
                        &lt;div class="col-sm-1 col-lg-2 form-group"&gt;
                            &lt;button type="submit" name="name"
                                    class="btn btn-outline-white-primary job-main-form__button"&gt;
                                &lt;i class="fa fa-search"&gt;&lt;/i&gt;
                            &lt;/button&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/section&gt;
    &lt;section&gt;
        &lt;div class="container"&gt;
            &lt;h3 class="heading"&gt;We have found &lt;span class="accent"&gt;{{ jobs.count }}&lt;/span&gt; jobs&lt;/h3&gt;
            {% for job in jobs %}
                &lt;div class="job-listing  "&gt;
                    &lt;div class="row"&gt;
                        &lt;div class="col-md-12 col-lg-6"&gt;
                            &lt;div class="row"&gt;
                                &lt;div class="col-2"&gt;
                                    &lt;img src="{% static 'img/itsourcecodes.jpg' %}"
                                         alt="Ipsioou " class="img-fluid"&gt;
                                &lt;/div&gt;
                                &lt;div class="col-10"&gt;
                                    &lt;h4 class="job__title"&gt;&lt;a
                                            href="{% url 'jobs:jobs-detail' job.id %}"&gt;{{ job.title }}&lt;/a&gt;&lt;/h4&gt;
                                    &lt;p class="job__company"&gt;
                                        {{ job.company_name }}
                                    &lt;/p&gt;
                                &lt;/div&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;
                        &lt;div class="col-10 col-md-3 col-lg-2 ml-auto"&gt;&lt;i class="fa fa-map-marker job__location"&gt;&lt;/i&gt;
                            {{ job.location }}
                        &lt;/div&gt;
                        &lt;div class="col-10 col-md-3 col-lg-3 ml-auto"&gt;
                            &lt;p&gt;Posted {{ job.created_at|timesince }}&lt;/p&gt;
                        &lt;/div&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            {% endfor %}
            {% if is_paginated %}
                &lt;div class="row"&gt;
                    &lt;div class="col-md-12"&gt;
                        &lt;nav aria-label="Page navigation example" class="d-flex justify-content-center mt-4 mb-4"&gt;
                            &lt;ul class="pagination"&gt;
                                {% if page_obj.has_previous %}
                                    &lt;li class="page-item"&gt;
                                        &lt;a href="?page={{ page_obj.previous_page_number }}"
                                           class="page-link"&gt;&amp;laquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% else %}
                                    &lt;li class="page-item disabled"&gt;
                                        &lt;a class="page-link"&gt;&amp;laquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% endif %}
                                {% for i in page_obj.paginator.page_range %}
                                    {% if page_obj.number == i %}
                                        &lt;li class="page-item active"&gt;
                                            &lt;a class="page-link"&gt;{{ i }}&lt;/a&gt;
                                        &lt;/li&gt;
                                    {% else %}
                                        &lt;li class="page-item"&gt;
                                            &lt;a href="?page={{ i }}" class="page-link"&gt;{{ i }}&lt;/a&gt;
                                        &lt;/li&gt;
                                    {% endif %}
                                {% endfor %}
                                {% if page_obj.has_next %}
                                    &lt;li class="page-item"&gt;
                                        &lt;a href="?page={{ page_obj.next_page_number }}" class="page-link"&gt;&amp;raquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% else %}
                                    &lt;li class="page-item disabled"&gt;
                                        &lt;a class="page-link"&gt;&amp;raquo;&lt;/a&gt;
                                    &lt;/li&gt;
                                {% endif %}
                            &lt;/ul&gt;
                        &lt;/nav&gt;
                    &lt;/div&gt;
                &lt;/div&gt;
            {% endif %}
        &lt;/div&gt;
    &lt;/section&gt;

{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

93

94

95

96

97

98

99

100

101

102

103

104

105

106

107

108

109

110

{% extends 'base.html' %}

{% load static %}

{% block title %}

All jobs

{% endblock %}

{% block content %}

<section class="job-form-section job-form-section--compressed">

<div class="container">

<h4 class="heading">Find a <span class="accent">job </span> that will <span class="accent">fit to your experties</span></h4>

<form id="job-main-form" method="get" action="#" class="job-main-form">

<div class="controls">

<div class="row align-items-end">

<div class="col-sm-1 col-lg-2"></div>

<div class="col-sm-5 col-lg-4 form-group">

<label for="profession">Position</label>

<input type="text" id="position" name="position"

placeholder="Position you are looking for" class="form-control">

</div>

<div class="col-sm-5 col-lg-4 form-group">

<label for="location">Location</label>

<input type="text" id="location" name="location" placeholder="Any particular location?"

value="" class="form-control">

</div>

<div class="col-sm-1 col-lg-2 form-group">

<button type="submit" name="name"

class="btn btn-outline-white-primary job-main-form__button">

<i class="fa fa-search"></i>

</button>

</div>

</div>

</div>

</form>

</div>

</section>

<section>

<div class="container">

<h3 class="heading">We have found <span class="accent">{{ jobs.count }}</span> jobs</h3>

{% for job in jobs %}

<div class="job-listing ">

<div class="row">

<div class="col-md-12 col-lg-6">

<div class="row">

<div class="col-2">

<img src="{% static 'img/itsourcecodes.jpg' %}"

alt="Ipsioou " class="img-fluid">

</div>

<div class="col-10">

<h4 class="job__title"><a

href="{% url 'jobs:jobs-detail' job.id %}">{{ job.title }}</a></h4>

<p class="job__company">

{{ job.company_name }}

</p>

</div>

</div>

</div>

<div class="col-10 col-md-3 col-lg-2 ml-auto"><i class="fa fa-map-marker job__location"></i>

{{ job.location }}

</div>

<div class="col-10 col-md-3 col-lg-3 ml-auto">

<p>Posted {{ job.created_at|timesince }}</p>

</div>

</div>

</div>

{% endfor %}

{% if is_paginated %}

<div class="row">

<div class="col-md-12">

<nav aria-label="Page navigation example" class="d-flex justify-content-center mt-4 mb-4">

<ul class="pagination">

{% if page_obj.has_previous %}

<li class="page-item">

<a href="?page={{ page_obj.previous_page_number }}"

class="page-link">&laquo;</a>

</li>

{% else %}

<li class="page-item disabled">

<a class="page-link">&laquo;</a>

</li>

{% endif %}

{% for i in page_obj.paginator.page_range %}

{% if page_obj.number == i %}

<li class="page-item active">

<a class="page-link">{{ i }}</a>

</li>

{% else %}

<li class="page-item">

<a href="?page={{ i }}" class="page-link">{{ i }}</a>

</li>

{% endif %}

{% endfor %}

{% if page_obj.has_next %}

<li class="page-item">

<a href="?page={{ page_obj.next_page_number }}" class="page-link">&raquo;</a>

</li>

{% else %}

<li class="page-item disabled">

<a class="page-link">&raquo;</a>

</li>

{% endif %}

</ul>

</nav>

</div>

</div>

{% endif %}

</div>

</section>

{% endblock %}

Create template for the company details in Online Job Portal Project in Python Django.

In this section, we will learn on how create a templates for the company details. To start with, add the following code in your details.html under the folder of template/employer files.

{% extends 'base.html' %}
{% load static %}
{% load is_already_applied %}
{% block title %}
    Job details
{% endblock %}

{% block content %}

    &lt;section class="bg-light-gray"&gt;
        &lt;div class="container"&gt;
            &lt;h1 class="heading"&gt;{{ job.title }}&lt;br&gt;
                &lt;small&gt;at &lt;a href="#"&gt; {{ job.company_name }}&lt;/a&gt;&lt;/small&gt;
            &lt;/h1&gt;
            &lt;div class="job-detail-description"&gt;&lt;i class="fa fa-map-marker job__location"&gt; &lt;/i&gt;
                {{ job.location }} | Posted {{ job.created_at|timesince }} |
                {% if job.type == '1' %}
                    &lt;span class="badge featured-badge badge-success"&gt;Full time&lt;/span&gt;
                {% elif job.type == '2' %}
                    &lt;span class="badge featured-badge badge-primary"&gt;Part time&lt;/span&gt;
                {% else %}
                    &lt;span style="color: #ffffff;" class="badge featured-badge badge-warning"&gt;Internship&lt;/span&gt;
                {% endif %}
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;
    &lt;section&gt;
        &lt;div class="container"&gt;
            &lt;div class="row"&gt;
                &lt;div class="col-lg-8"&gt;
                    &lt;h3&gt;Category: {{ job.category }}&lt;/h3&gt;
                    &lt;h5&gt;Last date: {{ job.last_date|date }}&lt;/h5&gt;
                    &lt;h5 class="text-info"&gt;Salary: Negotiable&lt;/h5&gt;
                    &lt;blockquote class="blockquote"&gt;
                        &lt;p&gt;{{ job.description }}&lt;/p&gt;
                    &lt;/blockquote&gt;
                    &lt;div class="job-detail__apply-bottom"&gt;
                        {% if request.user.is_authenticated %}
                            {% is_already_applied job request.user as is_applied %}
                            {% if is_applied %}
                                &lt;input type="button" class="btn btn-outline-white-primary" value="Already applied"/&gt;
                            {% else %}
                                &lt;form action="{% url 'jobs:apply-job' job.id %}" method="post"&gt;
                                    {% csrf_token %}
                                    &lt;input type="hidden" name="job" value="{{ job.id }}"&gt;
                                    &lt;input type="submit" class="btn btn-success"
                                           value="Apply for this job"/&gt;
                                &lt;/form&gt;
                            {% endif %}
                        {% else %}
                            &lt;form action="{% url 'jobs:apply-job' job.id %}" method="post"&gt;
                                {% csrf_token %}
                                &lt;input type="hidden" name="job" value="{{ job.id }}"&gt;
                                &lt;input type="submit" class="btn btn-success"
                                       value="Apply for this job"/&gt;
                            &lt;/form&gt;
                        {% endif %}
                    &lt;/div&gt;
                &lt;/div&gt;
                &lt;div class="col-lg-1"&gt;&lt;/div&gt;
                &lt;div class="col-lg-3"&gt;
                    &lt;h4&gt;About {{ job.company_name }}&lt;/h4&gt;
                    &lt;p class="job-detail__company-description"&gt;{{ job.company_description }}&lt;/p&gt;
                    &lt;p class="job-detail__social social social--outline"&gt;
                        &lt;a href="{{ job.website }}" data-toggle="tooltip" data-placement="top" title="Website"
                           class="link"&gt;
                            &lt;i class="fa fa-link"&gt;&lt;/i&gt;
                        &lt;/a&gt;
                        &lt;a href="#" data-toggle="tooltip" data-placement="top" title="Twitter" class="twitter"&gt;
                            &lt;i class="fa fa-twitter"&gt;&lt;/i&gt;
                        &lt;/a&gt;
                        &lt;a href="#" data-toggle="tooltip" data-placement="top" title="Facebook" class="facebook"&gt;
                            &lt;i class="fa fa-facebook"&gt;&lt;/i&gt;
                        &lt;/a&gt;
                    &lt;/p&gt;
                    &lt;div class="job-detail__apply-top"&gt;
                        {% if is_applied %}
                            &lt;input type="button" class="btn btn-outline-white-primary" value="Already applied"/&gt;
                        {% else %}
                            &lt;form action="{% url 'jobs:apply-job' job.id %}" method="post"&gt;
                                {% csrf_token %}
                                &lt;input type="hidden" name="job" value="{{ job.id }}"&gt;
                                &lt;input type="submit" class="btn btn-success" value="Apply for this job"/&gt;
                            &lt;/form&gt;
                        {% endif %}
                    &lt;/div&gt;
                &lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/section&gt;

{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

72

73

74

75

76

77

78

79

80

81

82

83

84

85

86

87

88

89

90

91

92

{% extends 'base.html' %}

{% load static %}

{% load is_already_applied %}

{% block title %}

Job details

{% endblock %}

{% block content %}

<section class="bg-light-gray">

<div class="container">

<h1 class="heading">{{ job.title }}<br>

<small>at <a href="#"> {{ job.company_name }}</a></small>

</h1>

<div class="job-detail-description"><i class="fa fa-map-marker job__location"> </i>

{{ job.location }} | Posted {{ job.created_at|timesince }} |

{% if job.type == '1' %}

<span class="badge featured-badge badge-success">Full time</span>

{% elif job.type == '2' %}

<span class="badge featured-badge badge-primary">Part time</span>

{% else %}

<span style="color: #ffffff;" class="badge featured-badge badge-warning">Internship</span>

{% endif %}

</div>

</div>

</section>

<section>

<div class="container">

<div class="row">

<div class="col-lg-8">

<h3>Category: {{ job.category }}</h3>

<h5>Last date: {{ job.last_date|date }}</h5>

<h5 class="text-info">Salary: Negotiable</h5>

<blockquote class="blockquote">

<p>{{ job.description }}</p>

</blockquote>

<div class="job-detail__apply-bottom">

{% if request.user.is_authenticated %}

{% is_already_applied job request.user as is_applied %}

{% if is_applied %}

<input type="button" class="btn btn-outline-white-primary" value="Already applied"/>

{% else %}

<form action="{% url 'jobs:apply-job' job.id %}" method="post">

{% csrf_token %}

<input type="hidden" name="job" value="{{ job.id }}">

<input type="submit" class="btn btn-success"

value="Apply for this job"/>

</form>

{% endif %}

{% else %}

<form action="{% url 'jobs:apply-job' job.id %}" method="post">

{% csrf_token %}

<input type="hidden" name="job" value="{{ job.id }}">

<input type="submit" class="btn btn-success"

value="Apply for this job"/>

</form>

{% endif %}

</div>

</div>

<div class="col-lg-1"></div>

<div class="col-lg-3">

<h4>About {{ job.company_name }}</h4>

<p class="job-detail__company-description">{{ job.company_description }}</p>

<p class="job-detail__social social social--outline">

<a href="{{ job.website }}" data-toggle="tooltip" data-placement="top" title="Website"

class="link">

<i class="fa fa-link"></i>

</a>

<a href="#" data-toggle="tooltip" data-placement="top" title="Twitter" class="twitter">

<i class="fa fa-twitter"></i>

</a>

<a href="#" data-toggle="tooltip" data-placement="top" title="Facebook" class="facebook">

<i class="fa fa-facebook"></i>

</a>

</p>

<div class="job-detail__apply-top">

{% if is_applied %}

<input type="button" class="btn btn-outline-white-primary" value="Already applied"/>

{% else %}

<form action="{% url 'jobs:apply-job' job.id %}" method="post">

{% csrf_token %}

<input type="hidden" name="job" value="{{ job.id }}">

<input type="submit" class="btn btn-success" value="Apply for this job"/>

</form>

{% endif %}

</div>

</div>

</div>

</div>

</section>

{% endblock %}

Create template for the employer registration in Online Job Portal Project in Python Django.

In this section, we will learn on how create a templates for the employer registration. To start with, add the following code in your register.html under the folder of template/employer files.

{% extends 'base.html' %}
{% block title %}
    Employer Register
{% endblock %}

{% block content %}

    &lt;div class="col-lg-6 offset-3"&gt;
        &lt;div class="box"&gt;
            &lt;h3 class="heading"&gt;New account&lt;/h3&gt;
            &lt;p class="lead"&gt;Not our registered yet?&lt;/p&gt;
            &lt;p class="text-muted"&gt;If you have any questions, please feel free to &lt;a href="#"&gt;contact us&lt;/a&gt;,
                our customer service center is working for you 24/7.&lt;/p&gt;
            {% if form.errors %}
                {% for field in form %}
                    {% for error in field.errors %}
                        &lt;div class="alert alert-danger alert-dismissable"&gt;
                            &lt;a href="#" class="close" data-dismiss="alert" aria-label="close"&gt;&amp;times;&lt;/a&gt;
                            &lt;strong&gt;{{ error|escape }}&lt;/strong&gt;
                        &lt;/div&gt;
                    {% endfor %}
                {% endfor %}
                {% for error in form.non_field_errors %}
                    &lt;div class="alert alert-danger alert-dismissable"&gt;
                        &lt;a href="#" class="close" data-dismiss="alert" aria-label="close"&gt;&amp;times;&lt;/a&gt;
                        &lt;strong&gt;{{ error|escape }}&lt;/strong&gt;
                    &lt;/div&gt;
                {% endfor %}
            {% endif %}
            &lt;form action="" method="post"&gt;
                {% csrf_token %}
                {% for field in form %}
                    {% if field.name == 'gender' %}

                        &lt;div class="form-group"&gt;
                            &lt;label for="gender"&gt;Gender&lt;/label&gt;
                            &lt;br&gt;
                            &lt;div class="form-check form-check-inline"&gt;
                                &lt;input class="form-check-input" type="radio" name="gender" id="male gender"
                                       value="male"&gt;
                                &lt;label class="form-check-label" for="male"&gt;Male&lt;/label&gt;
                            &lt;/div&gt;
                            &lt;div class="form-check form-check-inline"&gt;
                                &lt;input class="form-check-input" type="radio" name="gender" id="female"
                                       value="female"&gt;
                                &lt;label class="form-check-label" for="female"&gt;Female&lt;/label&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;

                    {% else %}

                        &lt;div class="form-group"&gt;
                            &lt;label for="id_{{ field.name }}"&gt;{{ field.label }}&lt;/label&gt;
                            &lt;input type="{{ field.field.widget.input_type }}"
                                   class="form-control"
                                   name="{{ field.name }}"
                                   id="id_{{ field.name }}"
                                   placeholder="{{ field.field.widget.attrs.placeholder }}"&gt;
                        &lt;/div&gt;

                    {% endif %}
                {% endfor %}
                &lt;div class="text-center"&gt;
                    &lt;button type="submit" class="btn btn-success"&gt;&lt;i class="fa fa-user-md"&gt;&lt;/i&gt; Register
                    &lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

{% extends 'base.html' %}

{% block title %}

Employer Register

{% endblock %}

{% block content %}

<div class="col-lg-6 offset-3">

<div class="box">

<h3 class="heading">New account</h3>

<p class="lead">Not our registered yet?</p>

<p class="text-muted">If you have any questions, please feel free to <a href="#">contact us</a>,

our customer service center is working for you 24/7.</p>

{% if form.errors %}

{% for field in form %}

{% for error in field.errors %}

<div class="alert alert-danger alert-dismissable">

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

<strong>{{ error|escape }}</strong>

</div>

{% endfor %}

{% endfor %}

{% for error in form.non_field_errors %}

<div class="alert alert-danger alert-dismissable">

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

<strong>{{ error|escape }}</strong>

</div>

{% endfor %}

{% endif %}

<form action="" method="post">

{% csrf_token %}

{% for field in form %}

{% if field.name == 'gender' %}

<div class="form-group">

<label for="gender">Gender</label>

<br>

<div class="form-check form-check-inline">

<input class="form-check-input" type="radio" name="gender" id="male gender"

value="male">

<label class="form-check-label" for="male">Male</label>

</div>

<div class="form-check form-check-inline">

<input class="form-check-input" type="radio" name="gender" id="female"

value="female">

<label class="form-check-label" for="female">Female</label>

</div>

</div>

{% else %}

<div class="form-group">

<label for="id_{{ field.name }}">{{ field.label }}</label>

<input type="{{ field.field.widget.input_type }}"

class="form-control"

name="{{ field.name }}"

id="id_{{ field.name }}"

placeholder="{{ field.field.widget.attrs.placeholder }}">

</div>

{% endif %}

{% endfor %}

<div class="text-center">

<button type="submit" class="btn btn-success"><i class="fa fa-user-md"></i> Register

</button>

</div>

</form>

</div>

</div>

{% endblock %}

Create template for the employee registration in Online Job Portal Project in Python Django.

In this section, we will learn on how create a templates for the employee registration. To start with, add the following code in your register.html under the folder of template/employee files.

{% extends 'base.html' %}
{% block title %}
    Employee Register
{% endblock %}

{% block content %}

    &lt;div class="col-lg-6 offset-3"&gt;
        &lt;div class="box"&gt;
            &lt;h3 class="heading"&gt;New account&lt;/h3&gt;
            &lt;p class="lead"&gt;Not our registered yet?&lt;/p&gt;
            &lt;p class="text-muted"&gt;If you have any questions, please feel free to &lt;a href="#"&gt;contact us&lt;/a&gt;,
                our customer service center is working for you 24/7.&lt;/p&gt;
            {% if form.errors %}
                {% for field in form %}
                    {% for error in field.errors %}
                        &lt;div class="alert alert-danger alert-dismissable"&gt;
                            &lt;a href="#" class="close" data-dismiss="alert" aria-label="close"&gt;&amp;times;&lt;/a&gt;
                            &lt;strong&gt;{{ error|escape }}&lt;/strong&gt;
                        &lt;/div&gt;
                    {% endfor %}
                {% endfor %}
                {% for error in form.non_field_errors %}
                    &lt;div class="alert alert-danger alert-dismissable"&gt;
                        &lt;a href="#" class="close" data-dismiss="alert" aria-label="close"&gt;&amp;times;&lt;/a&gt;
                        &lt;strong&gt;{{ error|escape }}&lt;/strong&gt;
                    &lt;/div&gt;
                {% endfor %}
            {% endif %}
            &lt;form action="" method="post"&gt;
                {% csrf_token %}
                {% for field in form %}
                    {% if field.name == 'gender' %}

                        &lt;div class="form-group"&gt;
                            &lt;label for="gender"&gt;Gender&lt;/label&gt;
                            &lt;br&gt;
                            &lt;div class="form-check form-check-inline"&gt;
                                &lt;input class="form-check-input" type="radio" name="gender" id="male gender"
                                       value="male"&gt;
                                &lt;label class="form-check-label" for="male"&gt;Male&lt;/label&gt;
                            &lt;/div&gt;
                            &lt;div class="form-check form-check-inline"&gt;
                                &lt;input class="form-check-input" type="radio" name="gender" id="female"
                                       value="female"&gt;
                                &lt;label class="form-check-label" for="female"&gt;Female&lt;/label&gt;
                            &lt;/div&gt;
                        &lt;/div&gt;

                    {% else %}

                        &lt;div class="form-group"&gt;
                            &lt;label for="id_{{ field.name }}"&gt;{{ field.label }}&lt;/label&gt;
                            &lt;input type="{{ field.field.widget.input_type }}"
                                   class="form-control"
                                   name="{{ field.name }}"
                                   id="id_{{ field.name }}"
                                   placeholder="{{ field.field.widget.attrs.placeholder }}"&gt;
                        &lt;/div&gt;

                    {% endif %}
                {% endfor %}
                &lt;div class="text-center"&gt;
                    &lt;button type="submit" class="btn btn-outline-white-primary"&gt;&lt;i class="fa fa-user-md"&gt;&lt;/i&gt; Register
                    &lt;/button&gt;
                &lt;/div&gt;
            &lt;/form&gt;
        &lt;/div&gt;
    &lt;/div&gt;

{% endblock %}

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

64

65

66

67

68

69

70

71

{% extends 'base.html' %}

{% block title %}

Employee Register

{% endblock %}

{% block content %}

<div class="col-lg-6 offset-3">

<div class="box">

<h3 class="heading">New account</h3>

<p class="lead">Not our registered yet?</p>

<p class="text-muted">If you have any questions, please feel free to <a href="#">contact us</a>,

our customer service center is working for you 24/7.</p>

{% if form.errors %}

{% for field in form %}

{% for error in field.errors %}

<div class="alert alert-danger alert-dismissable">

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

<strong>{{ error|escape }}</strong>

</div>

{% endfor %}

{% endfor %}

{% for error in form.non_field_errors %}

<div class="alert alert-danger alert-dismissable">

<a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>

<strong>{{ error|escape }}</strong>

</div>

{% endfor %}

{% endif %}

<form action="" method="post">

{% csrf_token %}

{% for field in form %}

{% if field.name == 'gender' %}

<div class="form-group">

<label for="gender">Gender</label>

<br>

<div class="form-check form-check-inline">

<input class="form-check-input" type="radio" name="gender" id="male gender"

value="male">

<label class="form-check-label" for="male">Male</label>

</div>

<div class="form-check form-check-inline">

<input class="form-check-input" type="radio" name="gender" id="female"

value="female">

<label class="form-check-label" for="female">Female</label>

</div>

</div>

{% else %}

<div class="form-group">

<label for="id_{{ field.name }}">{{ field.label }}</label>

<input type="{{ field.field.widget.input_type }}"

class="form-control"

name="{{ field.name }}"

id="id_{{ field.name }}"

placeholder="{{ field.field.widget.attrs.placeholder }}">

</div>

{% endif %}

{% endfor %}

<div class="text-center">

<button type="submit" class="btn btn-outline-white-primary"><i class="fa fa-user-md"></i> Register

</button>

</div>

</form>

</div>

</div>

{% endblock %}

Output:

Run Quick Virus Scan for secure Download

Run Quick Scan for safe Download

Downloadable Source Code Below.

Anyway, if you want to level up your programming knowledge, especially python, try this new article I’ve made for you Best Python Projects with source code for Beginners. But If you’re going to focus on web development using Django, you can download here from our list of Best Django Projects with source code based on real-world projects.

How To Run The Online Job Portal Project in Python Django with Source Code?

1st Step: Extract/unzip the file
2nd Step: Go inside the project folder, open cmd and type the following commands to install Django Framework and run the webserver:

pip install -r requirements.txt
python manage.py runserver

3rd Step: Finally, open the browser and go to http://127.0.0.1:8000/

Summary

In summary, this 2021 Online Job Portal Project in Python Django with Source Code can be useful to students or professional who wants to learn python django programming language. This project can also be modified to fit your personal requirements. Hope this project will help you to improve your skills. Happy Coding!

Inquiries

If you have any questions or suggestions about Online Job Portal Project in Python Django with Source Code, please feel free to leave a comment below.

6 thoughts on “Online Job Portal Project in Python Django with Source Code”

Nancy

April 27, 2021 at 9:26 am

What is the login details of the admin?
Reply
sag

May 1, 2021 at 5:52 pm

tryed
pip install -r requirements.txt
throws error

C:\Users\Dell\Downloads\online_job_portal_project_in_django\online_job_portal_project_in_django>pip install -r requirements.txt
Collecting Django==2.1.7
Using cached Django-2.1.7-py3-none-any.whl (7.3 MB)
Requirement already satisfied: pytz==2018.9 in c:\python39\lib\site-packages (from -r requirements.txt (line 2)) (2018.9)
Requirement already satisfied: whitenoise==4.1.2 in c:\python39\lib\site-packages (from -r requirements.txt (line 3)) (4.1.2)
Requirement already satisfied: gunicorn in c:\python39\lib\site-packages (from -r requirements.txt (line 4)) (20.1.0)
Requirement already satisfied: setuptools>=3.0 in c:\python39\lib\site-packages (from gunicorn->-r requirements.txt (line 4)) (49.2.1)
Installing collected packages: Django
ERROR: Could not install packages due to an OSError: [Errno 13] Permission denied: ‘c:\\python39\\Scripts\\django-admin.py’
Consider using the --user option or check the permissions.
Reply
- Logi
  
  June 16, 2021 at 8:21 pm
  
  Please can you give us admin login username and password
  Reply
kumar shahil

May 17, 2021 at 5:35 am

i want to make ai based job portal but how we start and how we get sourse code for this project.
Reply
- adones evangelista
  
  May 18, 2021 at 9:50 am
  
  To get the source code just click download now button below.
  Reply
YUADHISTRA HANG SUBBA

June 9, 2021 at 9:37 am

Please can you give us admin login username and password
Reply

Leave a Comment Cancel reply