Visitor Management System in Django with Source Code

The Visitor Management System project in Django is an easy project for beginners to learn how to build a web-based python Django project. We will provide you with the complete source code and database for the python project so that you can easily install it on your machine and learn how to program in Python Django. It will keep track of all meetings and send emails and SMS messages to the host and visitors about the specifics of their meeting.

To start creating a Visitor Management System Project in Python Django, makes sure that you have PyCharm Professional IDE Installed in your computer.

This Visitor Management System in Django Framework, Also includes a Download Source Code for free, just find the downloadable source code below and click download now.

About Project	Project Details	Definition
Project Name	Visitor Management System in Django	This Visitor Management System Project in Django is a Python-based project. Using Python, Django, and SQLite3 Database, we built a Visitor Management System web application for managing meetings and visitor information.
Python version (Recommended)	3.8 Version	Python 3.8 introduces some new syntax to the language, as well as a few small modifications to existing behavior and, most importantly, a slew of performance improvements, following in the footsteps of the previous 3.7 version.
Programming Language Used	Python Django Language	Django is a high-level Python web framework for building safe and maintainable websites quickly. Django is a web framework built by experienced developers that takes care of a lot of the heavy lifting so you can focus on developing your app instead of reinventing the wheel.
Developer Name	itsourcecode.com	Free projects containing source code in Java, PHP, Python, Django, VB.Net, Visual Basic, C, C++, C#, Javascript, and other languages are available on this website.
IDE Tool (Recommended)	Sublime, Visual Studio, PyCharm	Sublime Text is a source code editor that is available for purchase. It comes with built-in support for a variety of programming and markup languages. Plugins, which are often community-built and maintained under free-software licenses, allow users to extend the functionality of the system. Sublime Text has a Python API to help with plugins.
Project Type	Web Application	A web application, unlike computer-based software programs that operate locally on the device’s operating system, is application software that runs on a web server. The user uses a web browser with an active network connection to access web apps.
Database	SQLite	SQLite is a programming language that is used to create embedded software for devices such as televisions, cell phones, and cameras. It can handle HTTP requests with low to medium traffic. SQLite has the ability to compress files into smaller bundles with less metadata. SQLite is a temporary dataset that is used within an application to process data.

Visitor Management System in Django overview

Admin Features of Visitor Management System Project in Django

Manage Meeting History– For the meeting history, The admin view meeting history information details.
Add Profile– For the add profile, The admin can add, edit and delete profile information.
Login – By default the student need to login first to enable to access the system.
Arrange Meeting– For the arrange meeting, The admin can arrange a meeting for the visitors.

Visitor Management System in Django Steps on How to Create a Project

Time needed: 5 minutes.

Here’s the step’s on how to create a Visitor Management System in Django.

Library Management System Project I... x

Library Management System Project In Python and MySQL with Source Code 2021

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.

Functionality and Codes of the Visitor Management System in Django

Create template for the admin login in form in Visitor Management System in Django with Source Code.

Visitor Management System in Django with Source Code 2021 | Django Project with Source Code

In this section, we will learn on how create a templates for the admin login form. To begin with, add the following code in your admin_login.html under the folder of accounts/templates/.

{% load static %}
<link
  href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
  rel="stylesheet"
  id="bootstrap-css"
/>
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

<!DOCTYPE html>
<html>
  <head>
    <title>Admin Login</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
      integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"
      crossorigin="anonymous"
    />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    <link
      rel="stylesheet"
      href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"
      integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP"
      crossorigin="anonymous"
    />
  </head>

  <body>
    <div class="container h-100">
      <div class="d-flex justify-content-center h-100">
        <div class="user_card mb-5">
          <div class="d-flex justify-content-center">
            <div class="brand_logo_container">
              <img
                src="{% static '/img/admin.jpg' %}"
                class="brand_logo"
                alt="Logo"
              />
            </div>
          </div>
          <div class="d-flex justify-content-center form_container">
            <form action="/admin_login/" method="post">
              {% csrf_token %}
              <div class="input-group my-3">
                <div class="input-group-append">
                  <span class="input-group-text"
                    ><i class="fas fa-user"></i
                  ></span>
                </div>
                <input
                  type="text"
                  name="username"
                  class="form-control input_user"
                  value=""
                  placeholder="username"
                />
              </div>
              <div class="input-group my-3">
                <div class="input-group-append">
                  <span class="input-group-text"
                    ><i class="fas fa-key"></i
                  ></span>
                </div>
                <input
                  type="password"
                  name="password"
                  class="form-control input_pass"
                  value=""
                  placeholder="password"
                />
              </div>

              <div
                class="d-flex justify-content-center mt-3 login_container my-5"
              >
                <button type="submit" name="button" class="btn login_btn">
                  Login
                </button>
              </div>
            </form>
          </div>
        </div>
      </div>
    </div>
  </body>
  <style>
    body,
    html {
      margin: 0;
      padding: 0;
      height: 100%;
      background: url("{% static '/img/ba.jpg' %}");
      background-size: cover;
    }
    .user_card {
      height: 400px;
      width: 350px;
      margin-top: auto;
      margin-bottom: auto;
      background: #669900;
      opacity: 70px;
      position: relative;
      display: flex;
      justify-content: center;
      flex-direction: column;
      padding: 10px;
      box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),
        0 6px 20px 0 rgba(0, 0, 0, 0.19);
      border-radius: 5px;
    }
    .brand_logo_container {
      position: absolute;
      height: 170px;
      width: 170px;
      top: -75px;
      border-radius: 50%;
      background: #000099;
      padding: 10px;
      text-align: center;
    }
    .brand_logo {
      height: 150px;
      width: 150px;
      border-radius: 50%;
      border: 2px solid white;
    }
    .form_container {
      margin-top: 100px;
    }
    .login_btn {
      width: 100%;
      background: #000099 !important;
      color: white !important;
    }
    .login_btn:focus {
      box-shadow: none !important;
      outline: 0px !important;
    }
    .login_container {
      padding: 0 2rem;
    }
    .input-group-text {
      background: #000099 !important;
      color: white !important;
      border: 0 !important;
      border-radius: 0.25rem 0 0 0.25rem !important;
    }
  </style>
</html>

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

{% load static %}

<link

href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"

rel="stylesheet"

id="bootstrap-css"

<!DOCTYPE html>

<html>

<head>

<title>Admin Login</title>

<link

rel="stylesheet"

href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"

integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO"

crossorigin="anonymous"

<link

rel="stylesheet"

href="https://use.fontawesome.com/releases/v5.6.1/css/all.css"

integrity="sha384-gfdkjb5BdAXd+lj+gudLWI+BXq4IuLW5IT+brZEZsLFm++aCMlF1V92rMkPaX4PP"

crossorigin="anonymous"

</head>

<body>

<img

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

class="brand_logo"

alt="Logo"

</div>

{% csrf_token %}

<span class="input-group-text"

><i class="fas fa-user"></i

></span>

</div>

<input

type="text"

name="username"

class="form-control input_user"

value=""

placeholder="username"

</div>

<span class="input-group-text"

><i class="fas fa-key"></i

></span>

</div>

<input

type="password"

name="password"

class="form-control input_pass"

value=""

placeholder="password"

</div>

<div

class="d-flex justify-content-center mt-3 login_container my-5"

</button>

</div>

</form>

</div>

</body>

<style>

body,

html {

margin: 0;

padding: 0;

height: 100%;

background: url("{% static '/img/ba.jpg' %}");

background-size: cover;

}

.user_card {

height: 400px;

width: 350px;

margin-top: auto;

margin-bottom: auto;

background: #669900;

opacity: 70px;

position: relative;

display: flex;

justify-content: center;

flex-direction: column;

padding: 10px;

box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),

0 6px 20px 0 rgba(0, 0, 0, 0.19);

-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),

0 6px 20px 0 rgba(0, 0, 0, 0.19);

-moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2),

0 6px 20px 0 rgba(0, 0, 0, 0.19);

border-radius: 5px;

}

.brand_logo_container {

position: absolute;

height: 170px;

width: 170px;

top: -75px;

border-radius: 50%;

background: #000099;

padding: 10px;

text-align: center;

}

.brand_logo {

height: 150px;

width: 150px;

border-radius: 50%;

border: 2px solid white;

}

.form_container {

margin-top: 100px;

}

.login_btn {

width: 100%;

background: #000099 !important;

color: white !important;

}

.login_btn:focus {

box-shadow: none !important;

outline: 0px !important;

}

.login_container {

padding: 0 2rem;

}

.input-group-text {

background: #000099 !important;

color: white !important;

border: 0 !important;

border-radius: 0.25rem 0 0 0.25rem !important;

}

</style>

</html>

Create template for the homepage in Visitor Management System in Django with Source Code.

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

{% extends 'base.html' %}
{% load static %}
{% block title %}<title>HealthPlus</title>{% endblock %}
{% block nav %} 
<div class="form-inline my-2 my-lg-0 ml-auto">
        {% if user.is_authenticated %}
        <h6 class="text-dark mx-3 my-auto">Hello, Admin</h6>
        <a class="btn btn-primary mx-2" href="/dashboard" role="button">Dashboard</a>
        {% else %}
        <a class="btn btn-success mx-2" href="admin_login/" role="button">Admin Login</a>
        {% endif %}
        
  </div>
{% endblock %}

{% block header %}
<header class="masthead text-white text-center " style="background:url('{% static '/img/background.jpg' %}')no-repeat center center;background-size:cover;">
    <div class="overlay"></div>
    <div class="container">
    <div class="row">
        <div class="col-xl-6 mx-auto">
                <div class="card text-center">
                    <div class="card-body">
                        <h5 class="card-title text-dark">Having any health issue ?</h5>
                        <p class="card-text text-dark">Look for the programmers according to your problems.</p>
                        <a href="/doctors" class="btn btn-primary">Find your Programmers.</a>
                    </div>
                </div>
        </div>
    </div>
</div>
</header>
{% endblock %}

{% block body %}
<section class="features-icons bg-light text-center">
        <div class="container">
            <div class="row">
                <div class="col">
                    <div class="mx-auto features-icons-item">
                        <div class="d-flex features-icons-icon"><i class="icon-screen-desktop m-auto text-primary" ></i></div>
                        <h3>FIND YOUR PROGRAMMERS</h3>
                        <p class="lead mb-0">Select a doctor for your programmers.</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="mx-auto features-icons-item ">
                        <div class="d-flex features-icons-icon"><i class="icon-layers m-auto text-primary" ></i></div>
                        <h3>VISIT AND MEET</h3>
                        <p class="lead mb-0">Visit and meet with your programmers.</p>
                    </div>
                </div>
                <div class="col-lg-4">
                    <div class="mx-auto features-icons-item">
                        <div class="d-flex features-icons-icon"><i class="icon-check m-auto text-primary" ></i></div>
                        <h3>CONSULT PROBLEMS</h3>
                        <p class="lead mb-0">Consult problems with your programmers.</p>
                    </div>
                </div>
            </div>
        </div>
    </section>
{% endblock %}

{% block footer %}
<footer class="footer bg-danger">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 h-100 text-center text-lg-left">
                    <ul class="list-inline mb-2">
                        <li class="list-inline-item text-white">Visit Our Website</li>
                        <li class="list-inline-item text-light"><span>:</span></li>
                        <li class="list-inline-item "><a href="https://itsourcecode.com/" class="text-white">itsourcecode.com</a></li>
                    </ul>
                    <p class="text-white small mb-4 mb-lg-0">Copyright © Itsourcecode Visitor Management System 2021.</p>
                </div>
                <div class="col-lg-6 h-100 text-center text-lg-right">
                    <ul class="list-inline mb-0">                    
                        <li class="list-inline-item "><a href="#"><i class="fa fa-facebook fa-2x fa-fw text-white"></i></a></li>
                        <li class="list-inline-item "><a href="#"><i class="fa fa-twitter fa-2x fa-fw text-white"></i></a></li>
                        <li class="list-inline-item "><a href="#"><i class="fa fa-instagram fa-2x fa-fw text-white"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </footer>
{% endblock %}

{% extends 'base.html' %}

{% load static %}

{% block title %}<title>HealthPlus</title>{% endblock %}

{% block nav %}

{% if user.is_authenticated %}

<h6 class="text-dark mx-3 my-auto">Hello, Admin</h6>

<a class="btn btn-primary mx-2" href="/dashboard" role="button">Dashboard</a>

{% else %}

<a class="btn btn-success mx-2" href="admin_login/" role="button">Admin Login</a>

{% endif %}

</div>

{% endblock %}

{% block header %}

<h5 class="card-title text-dark">Having any health issue ?</h5>

<p class="card-text text-dark">Look for the programmers according to your problems.</p>

<a href="/doctors" class="btn btn-primary">Find your Programmers.</a>

</div>

</header>

{% endblock %}

{% block body %}

<h3>FIND YOUR PROGRAMMERS</h3>

<p class="lead mb-0">Select a doctor for your programmers.</p>

</div>

<h3>VISIT AND MEET</h3>

<p class="lead mb-0">Visit and meet with your programmers.</p>

</div>

<h3>CONSULT PROBLEMS</h3>

<p class="lead mb-0">Consult problems with your programmers.</p>

</div>

</section>

{% endblock %}

{% block footer %}

<li class="list-inline-item text-white">Visit Our Website</li>

<li class="list-inline-item "><a href="https://itsourcecode.com/" class="text-white">itsourcecode.com</a></li>

</ul>

</div>

</ul>

</div>

</footer>

{% endblock %}

Create template for the visitor details form in Visitor Management System in Django with Source Code.

In this section, we will learn on how create a templates for the create visitor forms form. To start with, add the following code in your visitors_details.html under the folder of accounts/templates.

{% extends 'base.html' %}
{% load static %}
{% block title %}<title>Meeting Information</title>{% endblock %}
{% block nav %} 
<div class="form-inline my-2 my-lg-0 ml-auto">
        <h6 class="text-dark mx-3 my-auto">Hello, Visitor</h6>
        <a class="btn btn-primary mx-2" href="/dashboard" role="button">Dashboard</a>   
  </div>
{% endblock %}

{% block header %}
<header class="masthead text-white text-center " style="background:url('{% static '/img/bg.jpeg' %}')no-repeat center center fixed;background-size:cover; height: 38rem;">
    <div class="overlay"></div>
    <div class="container">
    <div class="row mx-auto">
        <div class="col">
    <div class="card" style="width: 30rem;">
        <h5 class="card-header bg-info text-monospace text-light text-center">
            <strong>Current Visitor's Information</strong>
        </h5>
    
        <div class="card-body px-lg-5  text-dark">
             <div class="row">
                    <div class="col">
                        <div class="md-form">
                            <small>Name</small>
                            <h4>{{ meeting.visitor_name }}</h4>
                        </div>
                    </div>
                </div>
    
                <div class="md-form my-2">
                        <small>Email</small>
                        <h4>{{ meeting.visitor_email }}</h4>
                </div>

                <div class="md-form mt-4 mb-3">
                        <small>Check In time</small>
                        <h4>{{ meeting.time_in }}</h4>
                </div>
        </div>
        </div>
    </div>
    <div class="col">
            <div class="card text-dark" style="width: 34rem;">
                            <h5 class="card-header bg-info text-monospace text-light text-center">
                                    <strong>Host's Information</strong>
                                </h5>
            <div class="row">
                    <div class="col my-auto">
                            <div class="card-body ">
                                    <h3 class="card-title">{{ host.host_name }}</h3>
                                    <h5 class="card-text">{{ host.host_desc }}</h5>
                            </div>
                    </div>
                    
                    <div class="col">
                    <img src="/media/{{ host.host_image }}" class="card-img-top" alt="...">

                </div>
            </div>
             
            
        
    </div>
</div>
</header>
{% endblock %}

{% extends 'base.html' %}

{% load static %}

{% block title %}<title>Meeting Information</title>{% endblock %}

{% block nav %}

<h6 class="text-dark mx-3 my-auto">Hello, Visitor</h6>

<a class="btn btn-primary mx-2" href="/dashboard" role="button">Dashboard</a>

</div>

{% endblock %}

{% block header %}

<strong>Current Visitor's Information</strong>

</h5>

<h4>{{ meeting.visitor_name }}</h4>

</div>

<small>Email</small>

<h4>{{ meeting.visitor_email }}</h4>

</div>

<small>Check In time</small>

<h4>{{ meeting.time_in }}</h4>

</div>

<strong>Host's Information</strong>

</h5>

</div>

</div>

</header>

{% endblock %}

Create template for the meeting form in Visitor Management System in Django with Source Code.

In this section, we will learn on how create a templates for the meeting form. To start with, add the following code in your meeting_form.html under the folder of accounts/templates.

{% extends 'base.html' %}
{% load static %}
{% block title%}<title>Meeting Form</title>{% endblock %}
{% block nav %}
<div class="form-inline my-2 my-lg-0 ml-auto">
  <h6 class="text-dark mx-3 my-auto">Hello, Visitor</h6>
  <a class="btn btn-primary mx-2" href="/dashboard" role="button">Dashboard</a>
</div>
{% endblock %}

{% block header %}
<header
  class="masthead text-white text-center "
  style="background:url('{% static '/img/bg.jpeg' %}')no-repeat center center fixed;background-size:cover; height: 38rem;"
>
  <div class="overlay"></div>
  <div class="container">
    <div class="row mx-auto">
      <div class="col">
        <div class="card" style="width: 30rem;">
          <h5 class="card-header bg-info text-monospace text-light text-center">
            <strong>Visitor's Information</strong>
          </h5>

          <div class="card-body px-lg-5 mt-2">
            <form
              class="text-center"
              style="color: #757575;"
              action="/dashboard/save_meeting/"
              method="POST"
            >
              {% csrf_token %}

              <div class="form-row">
                <div class="col">
                  <div class="md-form">
                    {{ form.visitor_name }}
                  </div>
                </div>
              </div>

              <div class="md-form my-3">
                {{ form.visitor_email }}
              </div>

              <div class="md-form my-3">
                {{ form.visitor_phone }}
              </div>

              <button
                class="btn bg-info btn-rounded my-2 waves-effect z-depth-0 text-light"
                type="submit"
                value="{{ host.host_name }}"
                name="host"
                style="width: 10rem;"
              >
                Check In
              </button>
            </form>
          </div>
        </div>
      </div>
      <div class="col">
        <div class="card text-dark" style="width: 35rem;">
          <h5 class="card-header bg-info text-monospace text-light text-center">
            <strong>Host's Information</strong>
          </h5>
          <div class="row">
            <div class="col my-auto">
              <div class="card-body ">
                <h3 class="card-title">{{ host.host_name }}</h3>
                <h5 class="card-text">{{ host.host_desc }}</h5>
              </div>
            </div>

            <div class="col">
              <img
                src="/media/{{ host.host_image }}"
                class="card-img-top"
                alt="..."
              />
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</header>
{% endblock %}

{% extends 'base.html' %}

{% load static %}

{% block title%}<title>Meeting Form</title>{% endblock %}

{% block nav %}

<h6 class="text-dark mx-3 my-auto">Hello, Visitor</h6>

<a class="btn btn-primary mx-2" href="/dashboard" role="button">Dashboard</a>

</div>

{% endblock %}

{% block header %}

<header

class="masthead text-white text-center "

style="background:url('{% static '/img/bg.jpeg' %}')no-repeat center center fixed;background-size:cover; height: 38rem;"

<strong>Visitor's Information</strong>

</h5>

<form

class="text-center"

style="color: #757575;"

action="/dashboard/save_meeting/"

method="POST"

{% csrf_token %}

</div>

</div>

</div>

<button

class="btn bg-info btn-rounded my-2 waves-effect z-depth-0 text-light"

type="submit"

value="{{ host.host_name }}"

name="host"

style="width: 10rem;"

Check In

</button>

</form>

</div>

<strong>Host's Information</strong>

</h5>

</div>

<img

src="/media/{{ host.host_image }}"

class="card-img-top"

alt="..."

</div>

</header>

{% endblock %}

Downloadable Source Code Below.

Click Here to Download the Source Code

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 Visitor Management System in Django?

Step 1: Extract/unzip the file
Step 2: 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 migrate
python manage.py runserver
Step 3: Finally, open the browser and go to http://127.0.0.1:8000/

Summary

In summary, this 2022 Visitor Management System in Django with Source Code can be useful to students or professional who wants to learn python 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 Visitor Management System in Django with Source Code, please feel free to leave a comment below.

Visitor Management System in Django with Source Code

Admin Features of Visitor Management System Project in Django

Visitor Management System in Django Steps on How to Create a Project

Functionality and Codes of the Visitor Management System in Django

Downloadable Source Code Below.

How To Run The Visitor Management System in Django?

Summary

Inquiries

Leave a Comment Cancel reply