Online College Admission System Project in Django with Source Code

This Online College Admission System Project in Django created based on python, Django, and SQLITE3 Database. The Online College Admission System has the following list of possible courses at our CHMSC CAMPUSES (CHMSC BINALBAGAN, CHMSC ALIJIS, CHMSC FORTUNE TOWN, AND CHMSC MAIN TALISAY). When you first visit our website, you will be directed to our homepage’s registration page. You must provide all of your educational information, including your educational qualifications and extracurricular activities.

An Online College Admission 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.

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

Code For Game in Python: Python Gam... x

Code For Game in Python: Python Game Projects With Source Code 2021 | Best For Beginners

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

Admin Features: Online College Admission System in Django

Dashboard – In this page, the admin can see all the features of the system.
Login Page – The page where the system administrator enters their system credentials in order to gain access to the system’s administrative side.
Manage Contact – This is the page where an administrator can view all the customers who submit their message to the admin.
Manage Colleges– This is the page where an administrator can add, update, view and delete colleges information.
New User Page – The page where a new admin credentials are created by an admin.
Users list – This is the page that lists and manages the added users.

About Project	Project Details	Definition
Project Name	Online College Admission System in Django	Students who are interested in attending a specific college should complete the application form and upload any original certifications, such as marksheets and transcripts. The administrator can then review the whole application and approve or reject it. If everything meets the standards, the admin will accept or reject the application. If the admin desires, the user can change the application form and resubmit it, and the admin can indicate the reason for rejection.
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.

Online College Admission System in Django Overview

User Features: Online College Admission System Project in Django

Dashboard – In this page, user can see the status of his application form, chmsc campuses.
Register Page – The page where new user created their login credentials for the website.
Login Page – The page where the system administrator enters their system credentials in order to gain access to the system’s administrative side.
Admission Form Page – In this page, user can fill the form and check his / her application form is selected or rejected(which is done by admin).
View Colleges– This is the page where the user can view all the chmsc campuses.

Online College Admission 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 College Admission System Project in Django with Source Code.

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 Online College Admission System Project in Django with Source Code

Create template for the homepage in Online College Admission System Project in Django.

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

{% extends 'base.html' %}

{% block title %}Home{% endblock title %}

{% block body %}

<div class="container {% comment "" %} my-4 {% endcomment %}">
<div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
  </ol>
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img src="/static/img/tal.jpg" class="d-block w-100" alt="...">
      <div class="carousel-caption d-none d-md-block"  style="background: black;  border-radius: 21px;">
        <h5>Welcome To CHMSC</h5>
        <p>This is the best platform for admission</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="/static/img/talisay.jpg" class="d-block w-100" alt="...">
      <div class="carousel-caption d-none d-md-block"   style="background: black;  border-radius: 21px;">
        <h5>Select Your Best College</h5>
        <p>This platform serves the best colleges of CHMSC</p>
      </div>
    </div>
    <div class="carousel-item">
      <img src="/static/img/tali.jpg" class="d-block w-100" alt="...">
      <div class="carousel-caption d-none d-md-block"  style="background: black;  border-radius: 21px;">
        <h5>Start making future</h5>
        <p>Take admission and keep first step to your goal</p>
      </div>
    </div>
  </div>
  <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
</div>


<div class="container my-3">
<h1 class="my-3 text-center">Select College According to Your Criteria</h1>

      <div class="row">
        <div class="col-md-4">
          <div class="card mb-4 shadow-sm">
              <img src="/static/img/bin.jpg" class="d-block w-130" alt="...">            
              <div class="card-body">
              <p class="card-text">Bachelor of Science in Criminology (BS Crim)
Bachelor of Secondary Education (BSED) major in Biological Science; Physical Science; Science;Technology and Livelihood Education
Bachelor of Elementary Education (BEED) major in General Education
Bachelor of Science in Fisheries (BSF)
Bachelor of Science in Industrial Technology (BSIT) major in Computer Technology</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card mb-4 shadow-sm">
              <img src="/static/img/fortune.jpg" class="d-block w-100"  alt="...">
              <div class="card-body">
              <p class="card-text">CHMSC Fortune Towne shall strive to provide quality services to its clientele (academic community) in the areas of research instructi on, extension and production.</p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-4">
          <div class="card mb-4 shadow-sm">
            <img src="/static/img/aljis.jpg" class="d-block w-100" alt="...">
            <div class="card-body">
              <p class="card-text">CHMSC Alijis Campus aims to provide and implement programs and projects along teacher education, technology and other areas in developing world </p>
              <div class="d-flex justify-content-between align-items-center">
                <div class="btn-group">
                  <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                  <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button>
                </div>
                <small class="text-muted">9 mins</small>
              </div>
            </div>
          </div>
        </div>

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

100

101

102

103

104

105

106

{% extends 'base.html' %}

{% block title %}Home{% endblock title %}

{% block body %}

</ol>

<h5>Welcome To CHMSC</h5>

<p>This is the best platform for admission</p>

</div>

<h5>Select Your Best College</h5>

<p>This platform serves the best colleges of CHMSC</p>

</div>

<h5>Start making future</h5>

<p>Take admission and keep first step to your goal</p>

</div>

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

</a>

</a>

</div>

<h1 class="my-3 text-center">Select College According to Your Criteria</h1>

<p class="card-text">Bachelor of Science in Criminology (BS Crim)

Bachelor of Secondary Education (BSED) major in Biological Science; Physical Science; Science;Technology and Livelihood Education

Bachelor of Elementary Education (BEED) major in General Education

Bachelor of Science in Fisheries (BSF)

Bachelor of Science in Industrial Technology (BSIT) major in Computer Technology</p>

</div>

</div>

<p class="card-text">CHMSC Fortune Towne shall strive to provide quality services to its clientele (academic community) in the areas of research instructi on, extension and production.</p>

</div>

</div>

<p class="card-text">CHMSC Alijis Campus aims to provide and implement programs and projects along teacher education, technology and other areas in developing world </p>

</div>

</div>

{% endblock body %}

Create template for the contact us form in Online College Admission System Project in Django.

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

{% extends 'base.html' %}

{% block title %}Contact{% endblock title %}

{% block body %}

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>File Upload test</title>
  <style>
    .required
  {
      color: red;
  }
  </style>
</head>
<body>
    <div class="container-fluid px-0 mb-3">
  <img src="/static/img/contact.png" class="d-block w-100 mx-0" alt="...">
</div>
<div class="container  mb-3 py-4">
  <h1 style="position: absolute;
           top: 100px;
           left: 666px;">Admission Form 1</h1>
  <form method="post" enctype="multipart/form-data" action="/contact">
    {% csrf_token %}
    <div class="form-group">
      <lable for="name" style="font-size: 20px;">Name</label> <span class="required">*</span>
        <input type="text" class="form-control" id="name" name="name" placeholder="As per 10th marksheet">
    </div>

    <div class="form-group">
      <lable for="father" style="font-size: 20px;">Father name</label> <span class="required">*</span>
        <input type="text" class="form-control" id="father" name="father" placeholder="Harry Potter">
    </div>

    <div class="form-group">
      <lable for="mother" style="font-size: 20px;">Mother name</label> <span class="required">*</span>
        <input type="text" class="form-control" id="mother" name="mother" placeholder="Merry Potter">
    </div>

    <div class="form-group">
      <label for="email" style="font-size: 20px;">Email address</label> <span class="required">*</span>
      <input type="email" class="form-control" id="email" name="email" placeholder="name@example.com">
    </div>

    <div class="form-group">
      <lable for="phone" style="font-size: 20px;">Contact Number</label> <span class="required">*</span>
        <input type="phone" class="form-control" id="phone" name="phone" placeholder="Enter the Mobile Number">
    </div>

    <div class="form-group">
      <lable for="phone1" style="font-size: 20px;">Contact Number(Alternate)</label> <span class="required">*</span>
        <input type="phone" class="form-control" id="phone1" name="phone1" placeholder="Enter the Alternate Mobile Number">
    </div>

    <div class="form-group">
      <lable for="MhtcetAppNo" style="font-size: 20px;">MHTCET Application Number</label> <span class="required">*</span>
        <input type="number" class="form-control" id="MhtcetAppNo" name="MhtcetAppNo" placeholder="Enter the Application Number">
    </div>

    <div class="form-group">
      <lable for="MhtcetPercentile" style="font-size: 20px;">MHTCET Percentile</label> <span class="required">*</span>
        <input type="number" class="form-control" id="MhtcetPercentile" name="MhtcetPercentile" placeholder="Enter the Percentile">
    </div>

    <div class="form-group">
      <lable for="MhtcetRank" style="font-size: 20px;">MHTCET Rank</label> <span class="required">*</span>
        <input type="number" class="form-control" id="MhtcetRank" name="MhtcetRank" placeholder="Enter the Rank">
    </div>

    <div class="form-group">
      <lable for="JeeAppNo" style="font-size: 20px;">JEE Application Number</label> <span class="required">*</span>
        <input type="number" class="form-control" id="JeeAppNo" name="JeeAppNo" placeholder="Enter the Application Number">
    </div>

    <div class="form-group">
      <lable for="JeePercentile" style="font-size: 20px;">JEE Percentile</label> <span class="required">*</span>
        <input type="number" class="form-control" id="JeePercentile" name="JeePercentile" placeholder="Enter the Percentile">
    </div>

    <div class="form-group">
      <lable for="JeeRank" style="font-size: 20px;">JEE Rank</label> <span class="required">*</span>
        <input type="number" class="form-control" id="JeeRank" name="JeeRank" placeholder="Enter the Rank">
    </div>

    <div class="form-group">
      <label for="Address1" style="font-size: 20px;">Address(Permanent)</label> <span class="required">*</span>
      <textarea class="form-control" id="Address1" rows="3" name="Address1"
        placeholder="Enter the Permanent Address"></textarea>
    </div>

    <div class="form-group">
      <label for="Address2" style="font-size: 20px;">Address(Correspondance)</label> <span class="required">*</span>
      <textarea class="form-control" id="Address2" rows="3" name="Address2"
        placeholder="Enter the Correspondance Address"></textarea>
    </div>

    <div class="form-group">
      <lable for="CollegeName" style="font-size: 20px;">12th College Name</label> <span class="required">*</span>
        <input type="text" class="form-control" id="CollegeName" name="CollegeName" placeholder="Enter the 12th College Name">
    </div>

    <div class="form-group">
      <lable for="Percentage" style="font-size: 20px;">12th Percentage</label> <span class="required">*</span>
        <input type="number" class="form-control" id="Percentage" name="Percentage" placeholder="Enter the 12th Percentage">
    </div>
    
    <div class="form-group">
      <lable for="file" style="font-size: 20px;">CAP Id Certificate</label> <span class="required">*</span>
        <input type="file" class="form-control" id="file" name="file" placeholder="Please upload CAP Id Certificate">
    </div>

    <div class="form-group">
      <lable for="file1" style="font-size: 20px;">Leaving Certificate</label> <span class="required">*</span>
        <input type="file" class="form-control" id="file1" name="file1" placeholder="Please upload Leaving Certificate">
    </div>

    <div class="form-group">
      <lable for="Aadhar" style="font-size: 20px;">Student Number</label> <span class="required">*</span>
        <input type="number" class="form-control" id="Aadhar" name="Aadhar" placeholder="Enter the Student Number">
    </div>

   
    <div class="form-group">
      <label for="desc" style="font-size: 20px;">Description</label> <span class="required">*</span>
      <textarea class="form-control" id="desc" rows="3" name="desc"
        placeholder="Tell me about what your Dream College"></textarea>
    </div>

    <button type="submit" class="btn btn-primary">Submit</button>
  </form>
 

</div>
  
</body>
</html>

{% endblock body %}

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

{% extends 'base.html' %}

{% block title %}Contact{% endblock title %}

{% block body %}

<!DOCTYPE html>

<head>

<title>File Upload test</title>

<style>

.required

{

color: red;

}

</style>

</head>

<body>

</div>

<h1 style="position: absolute;

top: 100px;

left: 666px;">Admission Form 1</h1>

{% csrf_token %}

</div>

<lable for="father" style="font-size: 20px;">Father name</label> <span class="required">*</span>

</div>

<lable for="mother" style="font-size: 20px;">Mother name</label> <span class="required">*</span>

</div>

<label for="email" style="font-size: 20px;">Email address</label> <span class="required">*</span>

</div>

<lable for="phone" style="font-size: 20px;">Contact Number</label> <span class="required">*</span>

</div>

<lable for="phone1" style="font-size: 20px;">Contact Number(Alternate)</label> <span class="required">*</span>

</div>

<lable for="MhtcetAppNo" style="font-size: 20px;">MHTCET Application Number</label> <span class="required">*</span>

</div>

<lable for="MhtcetPercentile" style="font-size: 20px;">MHTCET Percentile</label> <span class="required">*</span>

</div>

<lable for="MhtcetRank" style="font-size: 20px;">MHTCET Rank</label> <span class="required">*</span>

</div>

<lable for="JeeAppNo" style="font-size: 20px;">JEE Application Number</label> <span class="required">*</span>

</div>

<lable for="JeePercentile" style="font-size: 20px;">JEE Percentile</label> <span class="required">*</span>

</div>

</div>

<label for="Address1" style="font-size: 20px;">Address(Permanent)</label> <span class="required">*</span>

<textarea class="form-control" id="Address1" rows="3" name="Address1"

placeholder="Enter the Permanent Address"></textarea>

</div>

<label for="Address2" style="font-size: 20px;">Address(Correspondance)</label> <span class="required">*</span>

<textarea class="form-control" id="Address2" rows="3" name="Address2"

placeholder="Enter the Correspondance Address"></textarea>

</div>

<lable for="CollegeName" style="font-size: 20px;">12th College Name</label> <span class="required">*</span>

</div>

<lable for="Percentage" style="font-size: 20px;">12th Percentage</label> <span class="required">*</span>

</div>

<lable for="file" style="font-size: 20px;">CAP Id Certificate</label> <span class="required">*</span>

</div>

<lable for="file1" style="font-size: 20px;">Leaving Certificate</label> <span class="required">*</span>

</div>

<lable for="Aadhar" style="font-size: 20px;">Student Number</label> <span class="required">*</span>

</div>

<label for="desc" style="font-size: 20px;">Description</label> <span class="required">*</span>

<textarea class="form-control" id="desc" rows="3" name="desc"

placeholder="Tell me about what your Dream College"></textarea>

</div>

<button type="submit" class="btn btn-primary">Submit</button>

</form>

</div>

</body>

</html>

{% endblock body %}

Create template for the registration form in Online College Admission System Project in Django.

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

<!DOCTYPE html>
<html>

<head>
    <title>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">
    
    <style>
        body,
        html {
            margin: 0;
            padding: 0;
            height: 100%;
            {% comment %} background: #7abecc !important; {% endcomment %}
            background: url('/static/img/21.jpg') no-repeat center center;
            {% comment %} opacity: 0.8; {% endcomment %}
            content: "";
            {% comment %} height: 100%; {% endcomment %}
            width: 100%;
            z-index: -1;
            top: 0px;
            position: absolute;
        }

        body::before{
            opacity: 0.8;
            content: "";
            height: 100%;
            width: 100%;
            z-index: -1;
            top: 0px;
            position: absolute;
            filter: blur(3px)
            background: url('/static/img/19.jfif') no-repeat center center;
        }
        .user_card {
            width: 350px;
            margin-top: auto;
            margin-bottom: auto;
            background: #74cfbf;
            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;
            
        }

         .form_container {
            margin-top: 20px;
        }

         #form-title {
            color: #fff;
        }

        .login_btn {
            width: 100%;
            background: #33ccff !important;
            color: white !important;
        }

        .login_btn:focus {
            box-shadow: none !important;
            outline: 0px !important;
        }

        .login_container {
            padding: 0 2rem;
        }

        .input-group-text {
            background: #f7ba5b !important;
            color: white !important;
            border: 0 !important;
            border-radius: 0.25rem 0 0 0.25rem !important;
        }

        .input_user,
        .input_pass:focus {
            box-shadow: none !important;
            outline: 0px !important;
        }

        
    </style>
    
</head>

<body>
    <div class="container h-100">
        <div class="d-flex justify-content-center h-100">
            <div class="user_card">
                <div class="d-flex justify-content-center">
                    <h3 id="form-title">REGISTER ACCOUNT</h3>
                </div>
                <div class="d-flex justify-content-center form_container">
                    
                    <form method="POST" action="">
                        {% csrf_token %}
                        <div class="input-group mb-3">
                            <div class="input-group-append">
                                <span class="input-group-text"><i class="fas fa-user"></i></span>
                            </div>
                            {{form.username}}
                            <div class="input-group mb-3">
                                <div class="input-group-append">
                                    <span class="input-group-text"><i class="fas fa-user"></i></span>
                                </div>
                                {{form.first_name}}
                                <div class="input-group mb-3">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="fas fa-user"></i></span>
                                    </div>
                                    {{form.last_name}}
                                </div>
                                <div class="input-group mb-2">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="fas fa-envelope-square"></i></span>
                                    </div>
                                    {{form.email}}
                                </div>
                                <div class="input-group mb-2">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="fas fa-key"></i></span>
                                    </div>
                                    {{form.password1}}
                                </div>
                                <div class="input-group mb-2">
                                    <div class="input-group-append">
                                        <span class="input-group-text"><i class="fas fa-key"></i></span>
                                    </div>
                                    {{form.password2}}
                                </div>
                                
                                <div class="d-flex justify-content-center mt-3 login_container">
                                    <input class="btn login_btn" type="submit" value="Register Account">
                                </div>
                    </form>
                </div>
                {{form.errors}}
                <div class="mt-4">
                    <div class="d-flex justify-content-center links">
                        Already have an account? <a href="{% url 'login' %}" class="ml-2">Login</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script>
        /* Because i didnt set placeholder values in forms.py they will be set here using vanilla Javascript
//We start indexing at one because CSRF_token is considered and input field 
 */

        //Query All input fields
        var form_fields = document.getElementsByTagName('input')
        form_fields[1].placeholder = 'Username..';
        form_fields[2].placeholder = 'First Name..';
        form_fields[3].placeholder = 'Last Name..';
        form_fields[4].placeholder = 'Email..';
        form_fields[5].placeholder = 'Enter password...';
        form_fields[6].placeholder = 'Re-enter Password...';





        for (var field in form_fields) {
            form_fields[field].className += ' form-control'
        }
    </script>
</body>

</html>

{% comment %} <h3>Rregister<h3>

        <form method="POST" action="">
            {% csrf_token %}
            {{form.username.label}}
            {{form.username}}

            {{form.first_name.label}}
            {{form.first_name}}

            {{form.last_name.label}}
            {{form.last_name}}

            {{form.email.label}}
            {{form.email}}

            {{form.password1.label}}
            {{form.password1}}

            {{form.password2.label}}
            {{form.password2}}

            <input type="submit" name="Create User">
        </form> {% endcomment %}

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

183

184

185

186

187

188

189

190

191

192

193

194

195

196

197

198

199

200

201

202

203

204

205

206

207

<!DOCTYPE html>

<html>

<head>

<title>Login</title>

integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">

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

<style>

body,

html {

margin: 0;

padding: 0;

height: 100%;

{% comment %} background: #7abecc !important; {% endcomment %}

background: url('/static/img/21.jpg') no-repeat center center;

{% comment %} opacity: 0.8; {% endcomment %}

content: "";

{% comment %} height: 100%; {% endcomment %}

width: 100%;

z-index: -1;

top: 0px;

position: absolute;

}

body::before{

opacity: 0.8;

content: "";

height: 100%;

width: 100%;

z-index: -1;

top: 0px;

position: absolute;

filter: blur(3px)

background: url('/static/img/19.jfif') no-repeat center center;

}

.user_card {

width: 350px;

margin-top: auto;

margin-bottom: auto;

background: #74cfbf;

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;

}

.form_container {

margin-top: 20px;

}

#form-title {

color: #fff;

}

.login_btn {

width: 100%;

background: #33ccff !important;

color: white !important;

}

.login_btn:focus {

box-shadow: none !important;

outline: 0px !important;

}

.login_container {

padding: 0 2rem;

}

.input-group-text {

background: #f7ba5b !important;

color: white !important;

border: 0 !important;

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

}

.input_user,

.input_pass:focus {

box-shadow: none !important;

outline: 0px !important;

}

</style>

</head>

<body>

<h3 id="form-title">REGISTER ACCOUNT</h3>

</div>

{% csrf_token %}

</div>

</div>

</div>

</div>

</div>

</div>

</div>

</form>

</div>

Already have an account? <a href="{% url 'login' %}" class="ml-2">Login</a>

</div>

/* Because i didnt set placeholder values in forms.py they will be set here using vanilla Javascript

//We start indexing at one because CSRF_token is considered and input field

//Query All input fields

var form_fields = document.getElementsByTagName('input')

form_fields[1].placeholder = 'Username..';

form_fields[2].placeholder = 'First Name..';

form_fields[3].placeholder = 'Last Name..';

form_fields[4].placeholder = 'Email..';

form_fields[5].placeholder = 'Enter password...';

form_fields[6].placeholder = 'Re-enter Password...';

for (var field in form_fields) {

form_fields[field].className += ' form-control'

}

</script>

</body>

</html>

{% comment %} <h3>Rregister<h3>

{% csrf_token %}

</form> {% endcomment %}

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 Online College Admission System Project 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 College Admission System Project 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 College Admission System Project in Django with Source Code, please feel free to leave a comment below.

Online College Admission System Project in Django with Source Code

Admin Features: Online College Admission System in Django

User Features: Online College Admission System Project in Django

Online College Admission System in Django Steps on How to Create a Project

Functionality and Codes of the Online College Admission System Project in Django with Source Code

Downloadable Source Code Below.

How To Run The Online College Admission System Project in Django?

Summary

Inquiries

Leave a Comment Cancel reply