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.
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. |
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/.
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 |
{% 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 %} |
- 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/.
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 |
{% 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> </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 %} |
- 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/.
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 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> <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 %} |
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 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!
- How To Make A Point Of Sale System In Python
- Best Python Projects for Beginners
- Python MySQL Connection: Simple Python Step by Step Guide
- Python PIP Command Set-up / Fix: Step by Step Guide
- Random Password Generator in Python Projects With Source Code 2020
- Python Range Function|Range in Python Explained with Examples 2020
- School Management System Project In Django With Source Code
- Django Login And Registration With Source Code
- CRUD App In Django With Source Code
- Drag And Drop JavaScript With Source Code
- Todo List App Django With Source Code
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.