Build a Job Search Portal with Django - Part 6
By: Kumar Shubham
Tags: Programming, Bycetutorial, Coding, Django, Python

Build a Job Search Portal with Django — Recruiters App Templates (Part 6)

In this part, we will be dealing with all the templates part of the Recruiters App section of our Job Search Portal Kumar Shubham Dec 21, 2020·7 min read

Photo by Andrew Neel on Unsplash

Hello friends! This is the sixth and the last part of the new Django series I have started writing on, which is Building a Job Search Portal with Django. I hope every one of you has already read the first five parts of the tutorial series.

If you have not yet read the first five parts of this series, I would strongly recommend reading the first five parts first and then come back to this one. Here I am linking the first five parts of this tutorial series:-

So, as you remember, in the fifth part we started talking about the Recruiters app part of this job search portal. We have discussed all the backend related work for that App which included forms, models, views and URLs.

Now, in the sixth part, we will focus on the part that we left in Part 5, the templates. The templates are the part of the App which helps us to visually see whatever we have done in the backend part.

Here, I assume that almost all of you know basic HTML and CSS and so we would only discuss the logic part which connects it to backend and we would not be discussing on structure and design part.

So, let’s start discussing all templates one by one.

add_job.html

This page is used by recruiters to add a new job post. It uses the form we made on in Part 5 of this tutorial series. It accepts all the details we would need to put in the database for the job to be posted.

We are using crispy forms to decorate our forms with Bootstrap 4 styling. We also have added hints to help the recruiter fill the form in a better way.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Add Job Page

applicant_list.html

This page displays the applicants for a specific job post. When the recruiter clicks on the Applicant List button on the job detail page, he is taken to this page where he can view all the candidates who have applied for that particular job post.

In this page, candidates who have applied are listed. The recruiter has the option to view their resume and/or full profile. There is an accept and reject button attached with each applicant. Recruiters can either accept that candidate (select him for further rounds) which moves him to the selected list or can reject him which just removes the application.

The candidate can also see whether they have been selected, rejected or are still pending the review from their applied jobs page.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Applicant List

candidate_search.html

This page is used to search for candidates based on the location and job type. It does not rank candidates on any basis but just display the candidates whose profiles match these two filters.

It is like access to the resume database for the recruiters so that they can look for some potential candidates in any preferred area of choice and a particular type of job.

The purpose of this page is to accept the search terms and filter out candidates based on these and then display the list of the filtered candidates.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Candidate search page

detail.html

This is basically an introduction page for recruiters. This page exists to show the recruiters what they can do with the website. It lists out the features of the website. There is nothing of much actual importance going on in this template. This also has a link to the add job page.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Introduction Page for Recruiters

edit_job.html

This page is similar to the Add job post page but differs by a little bit. The main difference is that this page is for editing existing job posts so every section will be pre-filled with previous information. Also, we have the headline showing which job post we are editing.

We have a submit button to save the changes we made to the job post.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Edit job post page

job_candidate_search.html

This page is used to display the most relevant candidates for a specific job post. Whenever the recruiter clicks on the Get Relevant Candidates button from the job detail page, then it takes the recruiter to this template which displays all the candidates who are the best match for this job post.

It ranks them based on the match percentage of the candidate skills with that of job requirements. Also, it lists out the number of skills the candidate has out of the required skills for that particular job post.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Job Candidate Search

job_detail.html

This page lists out the details of the job. It is a little different from the job detail page shown to candidates. the difference comes in the buttons. Recruiters have the buttons to view applicants list, selected list, edit the job post and the button to search relevant candidates for that job post.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Job Detail Page

job_posts.html

This page lists out all the job posts that particular recruiter has posted till now. Clicking on the job post will take you to the job detail page of that particular job post.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Job Posts List

selected_list.html

This page displays the list of candidates the recruiter has selected for that particular job post.

The recruiter can view the profile of the candidate and when the candidate has been added to the selected list, he will be removed from the applicant's list.

Here is the code for this template:-

Have a look at how this template looks like on a real web browser:-

Selected List

So, we have finished all the template stuff related to the Recruiters App. This was the last part of this series. Hope you all loved it!

Hopefully, you enjoyed this one too! Also, here is the GitHub Repository for this project which you can star and fork if you like and test it out on your own.

Have a look at the five-part Social Media Website with Django series which was quite well received. It is a different project based on Django and you will surely love it.