Online University Residence Booking System in Django with Source Code

Online University Residence Booking System in Django with Source Code

This Online University Residence Booking System Project in Django created based on python, Django, and SQLITE3 Database. A complete online system for any university resident booking system, we as students have encountered some challenges and problems with the present university website over the years, this project aims to address all of those flaws and provide a seamless experience for students.

To start creating a Online University Residence Booking System Project in Python Django, makes sure that you have PyCharm Professional IDE Installed in your computer.

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

Student Features: Online University Residence Booking System in Django

  • Register Page – The page where new student created their login credentials for the website.
  • Login Page – The page where the system user enters their system credentials in order to gain access to the system’s users side.
  • View House Pricing Page -This is the page where the student can view all the prices of house.
  • View Housing – This is the page where the student can view all the house available.
  • Book Residence Page – This is the page where the student can apply booking through online.
  • View News Page – This is the page where the student can view all the news about their university.
About ProjectProject DetailsDefinition
Project Name Online University Residence Booking System in DjangoA Online University Residence Booking System 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.
Python version (Recommended)3.8 VersionPython 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 UsedPython Django LanguageDjango 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.comFree 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, PyCharmSublime 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 ApplicationA 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.
DatabaseSQLiteSQLite 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.
Online University Residence Booking System in Django Overview

Online University Residence Booking System in Django Steps on How to Create a Project

Time needed: 5 minutes

Here’s the step’s on how to create a Online University Residence Booking System Project in Django with Source Code.

  • Step 1: Open file.

    First , open “pycharm professional” after that click “file” and click “new project“.
    Create new Project for Online University Residence Booking System in Django with Source Code

  • Step 2: Choose Django.

    Next, after click “new project“, choose “Django” and click.
    choose django forOnline University Residence Booking System in Django with Source Code

  • Step 3: Select file location.

    Then, select a file location wherever you want.
    Create location name for Online University Residence Booking System in Django with Source Code

  • 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 Online University Residence Booking System Project in Django with Source Code

  • Create template for the apply booking form in Online University Residence Booking System in Django.

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

<h1>Apply for Residence</h1>

    
<table align="center" cellpadding = "10">

<!--------------------- First Name ------------------------------------------>
<tr>
<td>First Name</td>
<td><input type="text" name="FirstName" maxlength="50" placeholder="First Name" />
(Max 50 Characters Allowed)
</td>
</tr>
<!------------------------ Last Name --------------------------------------->
<tr>
<td>Last Name</td>
<td><input type="text" name="LastName" maxlength="50" placeholder="Last Name"/>
(Max 50 Characters Allowed)
</td>
</tr>
<!-------------------------- Email ID ------------------------------------->
<tr>
<td>Email ID</td>
<td><input type="email" name="EmailID" maxlength="100" placeholder="@lakeheadu.ca"/></td>
</tr>
<!-------------------------- Mobile Number ------------------------------------->
<tr>
<td>Mobile Number</td>
<td>
<input type="text" name="MobileNumber" maxlength="11" placeholder="+639"/>
(11 Digits Allowed)
</td>
</tr>
<!---------------------- Gender ------------------------------------->
<tr>
<td>Gender</td>
<td>
<input type="radio" name="Gender" value="Male" />
Male
<input type="radio" name="Gender" value="Female" />
Female
</td>
</tr>
<!--------------------------Date Of Birth----------------------------------->
<tr>
<td>Date of Birth(DOB)</td>
<td>
<select name="BirthDay" id="Birthday_Day">
<option value="-1">Day:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select>
<select name="BirthdayMonth" id="Birthday_Month">
<option value="-1">Month:</option>
<option value="January">Jan(1)</option>
<option value="February">Feb(2)</option>
<option value="March">Mar(3)</option>
<option value="April">Apr(4)</option>
<option value="May">May(5)</option>
<option value="June">Jun(6)</option>
<option value="July">Jul(7)</option>
<option value="August">Aug(8)</option>
<option value="September">Sep(9)</option>
<option value="October">Oct(10)</option>
<option value="November">Nov(11)</option>
<option value="December">Dec(12)</option>
</select>
<select name="BirthdayYear" id="Birthday_Year">
<option value="-1">Year:</option>
<option value="2019">2021</option>
<option value="2019">2020</option>
<option value="2019">2019</option>
<option value="2018">2018</option>
<option value="2017">2017</option>
<option value="2016">2016</option>
<option value="2015">2015</option>
<option value="2014">2014</option>
<option value="2013">2013</option>
<option value="2012">2012</option>
<option value="2011">2011</option>
<option value="2010">2010</option>
<option value="2009">2009</option>
<option value="2008">2008</option>
<option value="2007">2007</option>
<option value="2006">2006</option>
<option value="2005">2005</option>
<option value="2004">2004</option>
<option value="2003">2003</option>
<option value="2002">2002</option>
<option value="2001">2001</option>
<option value="2000">2000</option>
<option value="1999">1999</option>
<option value="1998">1998</option>
<option value="1997">1997</option>
<option value="1996">1996</option>
<option value="1995">1995</option>
<option value="1994">1994</option>
<option value="1993">1993</option>
<option value="1992">1992</option>
<option value="1991">1991</option>
<option value="1990">1990</option>
<option value="1989">1989</option>
<option value="1988">1988</option>
<option value="1987">1987</option>
<option value="1986">1986</option>
<option value="1985">1985</option>
<option value="1984">1984</option>
<option value="1983">1983</option>
<option value="1982">1982</option>
<option value="1981">1981</option>
<option value="1980">1980</option>
</select>
</td>
</tr>


<tr>
    
<td>Select the Residence <br /><br /><br /></td>
<td>
<br/>
    
    
 <a href="#" data-toggle="tooltip" abbr title="Standard Townhouse
Accessible Townhouse"><input type="radio" name="Select" value="Town House" /></a>
<a href="#" data-toggle="tooltip" abbr title="Standard Townhouse
Accessible Townhouse">Townhouses</a><br>
<a href="#" data-toggle="tooltip" abbr title="Bartley Residence
Halliday Hall Residence
Prettie Residence"><input type="radio" name="Select" value="Residence Halls" /></a>
<a href="#" data-toggle="tooltip" abbr title="Bartley Residence
Halliday Hall Residence
Prettie Residence">Residence Halls</a><br/>
<a href="#" data-toggle="tooltip" abbr title="Standard apartment Unit
Barrier Free Apartment Unit"><input type="radio" name="Select" value="Apartments" /></a>
<a href="#" data-toggle="tooltip" abbr title="Standard apartment Unit
Barrier Free Apartment Unit">Apartments</a><br/>

</td>
</tr>


<tr>
<td colspan="2" align="center">
<input class="btn btn-primary"  type="submit" value="Submit">
<input class="btn btn-danger" type="reset" value="Reset">
</td>
</tr>
</table>
</body>

  • Create template for the news form in Online University Residence Booking System in Django.

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

{% extends "base.html" %}
{% load static %}

{% block title %}Residence News{% endblock %}

{% block intro %}
    News & Events
{% endblock %}

{% block content %}
    <section class="blog-cat mt-5 pb-5">

	<div class="container mb-5">
		<div class="text-center container-less resources-feed-heading">
			<h1 class="in-news h3 text-red font-italic">CHMSC University News</h1>
			<a class="btn btn-primary text-white mt-3" onclick=" window.open('https://www.tbdhu.com/coviddata')">Current COVID-19 Cases in Thunder Bay</a>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading m-0 font-weight-800">
                        <a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61976" target="_blank">CHMSC University launches Global Indigenous Speaker Series</a>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Nov 30,2020</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
                         <a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61934" target="_blank">Lakehead University’s Board of Governors announces plan to divest from fossil fuel holdings</a>
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Nov 30,2020</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
						<a href="https://www.lakeheadu.ca/students/wellness-recreation/student-health-and-wellness/alerts-news/node/61868" target="_blank">Student Health and Wellness adds Naturopath services to its roster</a>
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Nov 23,2020</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
						<a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61834" target="_blank">CHMSC alum receives the Prime Minister’s Award</a>
					
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Jube 12,2021</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
						<a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61385" target="_blank">Anthropology professor honoured with a Lifetime Achievement Award</a>
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">June 12,2021</p>
				</div>
			</div>
		</div>
	</div>

{% endblock %}
{% extends "base.html" %}
{% load static %}

{% block title %}Residence News{% endblock %}

{% block intro %}
    News & Events
{% endblock %}

{% block content %}
    <section class="blog-cat mt-5 pb-5">

	<div class="container mb-5">
		<div class="text-center container-less resources-feed-heading">
			<h1 class="in-news h3 text-red font-italic">CHMSC University News</h1>
			<a class="btn btn-primary text-white mt-3" onclick=" window.open('https://www.tbdhu.com/coviddata')">Current COVID-19 Cases in Thunder Bay</a>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading m-0 font-weight-800">
                        <a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61976" target="_blank">CHMSC University launches Global Indigenous Speaker Series</a>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Nov 30,2020</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
                         <a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61934" target="_blank">Lakehead University’s Board of Governors announces plan to divest from fossil fuel holdings</a>
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Nov 30,2020</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
						<a href="https://www.lakeheadu.ca/students/wellness-recreation/student-health-and-wellness/alerts-news/node/61868" target="_blank">Student Health and Wellness adds Naturopath services to its roster</a>
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Nov 23,2020</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
						<a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61834" target="_blank">CHMSC alum receives the Prime Minister’s Award</a>
					
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">Jube 12,2021</p>
				</div>
			</div>
		</div>
	</div>
	<div class="fullbar-item w-100 cursor-pointer" onclick="location.href='#'">
		<div class="container">
			<div class="row py-3 py-md-5 align-items-center border-top">
				<div class="col-md-10">
					<h3 class="feed-item-heading  m-0 font-weight-800">
						<a href="https://www.lakeheadu.ca/about/news-and-events/news/archive/2020/node/61385" target="_blank">Anthropology professor honoured with a Lifetime Achievement Award</a>
					</h3>
				</div>
				<div class="col-md-2">
					<p class="m-0 text-pink text-uppercase">June 12,2021</p>
				</div>
			</div>
		</div>
	</div>

{% endblock %}

  • Create template for the login form in Online University Residence Booking System in Django.

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

{% extends 'base.html' %}
{% load static %}
{% block title %}
    Residence Login
{% endblock %}

{% block intro %}
    Login to your CHMSC Residence Account
{% endblock %}

{% block content %}

    <style>
        form {
            font-size: 13px;
        }
        {#@media only screen and (max-width: 1000px) {#}
        {#    #chilling {#}
        {#        display: none;#}
        {#    }#}
        {##}
        #chilling {
            width: inherit;
            height: inherit;
        }
    </style>

     <div class="container-fluid d-flex" id="login">
        <div class="row no-gutters flex-fill" >
            <div class="col-6 col-md-4 flex-column d-flex justify-content-center text-center">
                <form method="post" action="{% url 'login' %}">
                    {% csrf_token %}

                    {% if form.errors %}
                    <p>There's something wrong with what you entered!</p>
                    {% endif %}

                    <h1 class="h3 mb-3 font-weight-normal">Please log in</h1>

                    <p> Username: {{ form.username }} </p>
                    <p> Password: {{ form.password }} </p>

                    <input type="submit" value="login" class="btn btn-success">
                    <p class="mt-5 mb-3 text-muted">&copy; Residence Management System 2021</p>
                </form>
            </div>
            <div class="col-12 col-md-8 justify-content-md-end">
                <img id="chilling" src="{% static 'images/bg.jpg' %}">
            </div>
        </div>
    </div>

{% endblock %}

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 University Residence Booking 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:
  • 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 2021 Online University Residence Booking 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 Online University Residence Booking System in Django with Source Code, please feel free to leave a comment below.

Leave a Comment