Blood Bank Management System Project in Django with Source Code
The Blood Bank Management System Project in Django is created using Python Django Framework. The system is built fully in Django Framework in back-end and HTML, CSS and JavaScript in front-end. Basically, the project includes tutorials and guides for creating a code.
This Blood Bank Management System Project has functionalities of enlisting blood givers and through which individuals requiring blood can look and contact them after donors are registered.
This websites gives highlights of admin board through which admin can contact all givers list, all blood banks needed during donations through admin.
Watch the video here to see the full running Blood Bank Management System Project In Django With Source Code
Additionally, this system has a contact page where all contact details are accessible if a blood emergency happens and the website is inaccessible.
To start creating a Blood Bank Management System Project in Django, makes sure that you have PyCharm Professional IDE Installed in your computer.
This Blood Bank Management System Project in Django also includes a Download Source Code for free, just find the downloadable source code below and click download now.
Features of Blood Bank Management System Project in Django
- Homepage – For the homepage, you will be able to all the basic access in the whole system. Such as home, search, donor registration, login, contact us and about us.
- Search – For the search, you will be able to search the blood type you want and the address of a donor person.
- Donor Registration – For the donor registration, you will fill the forms. Such as your complete name, gender, date of birth, blood type, phone number, email address, home address and etc.
- Contact Us – For the contact us, you will be able to see their address, phone number and email address.
- About Us – For the about us, you will be able see the goals and objectives of blood bank management system.
Steps on how to create a Blood Bank Management System Project in Django With Source Code
Blood Bank Management 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
Second, after click “new project“, choose “Django” and click.
- Step 3: Select file location.
Third, select a file location wherever you want.
- Step 4: Create application name.
Fourth, name your application.
- Step 5: Click create.
Fifth, finish creating project by clicking “create” button.
- Step 6: Start Coding.
In this final step, we will now start adding functionality to our Django Framework by adding some functional codes.
This are the module to add functionality for Blood Bank Management System Project in Django
- Create template for the homepage in Blood Bank Management 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 home_base.html under the folder of template files.
|
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 |
<!DOCTYPE html> <html lang="en"> <head> {% load static %} <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="{% static 'css/bootstrap.min.css' %}"> <link rel="stylesheet" href="{% static 'css/style.css' %}"> <script src="{% static 'js/jquery.min.js' %}"></script> <script src="{% static 'js/jquery-3.3.1.slim.min.js' %}"></script> <script src="{% static 'js/popper-1.14.7.js' %}"></script> <script src="{% static 'js/bootstrap.min.js' %}"></script> <link rel="shortcut icon" type="image/x-icon" href="{% static 'photos/logo/searchlogo.jpg' %}"> <title>Blood Bank Management System</title> </head> <body> <div class="container-fluid"> <!-- head title --> <header> <h5 class="head text-white text-center p-3">Blood Bank Management System</h5> </header> <!-- navbar --> <nav class="navbar navbar-expand-sm sticky-top"> <!-- logo --> <a class="navbar-brand ml-5" href="#"> <img src="{% static 'photos/logo/searchlogo.jpg' %}" alt="logo" style="width:60px;"> </a> <!-- navbar item --> <div class="col"> <ul class="navbar-nav flex-row-reverse"> <li class="nav-item text-dark"> <a class="nav-link font-weight-bolder" href="{% url 'aboutsite1' %}">About Us</a> </li> <li class="nav-item"> <a class="nav-link font-weight-bolder" href="{% url 'contactsite1' %}">Contact Us</a> </li> <!-- Dropdown --> <li class="nav-item dropdown"> <a class="nav-link font-weight-bolder" href="#" data-toggle="dropdown"> Log In </a> <div class="dropdown-menu"> <a class="dropdown-item font-weight-bolder" href="/admin/">Admin</a> </div> </li> <li class="nav-item"> <a class="nav-link font-weight-bolder" href="{% url 'dregsite' %}">Donor Registration</a> </li> <li class="nav-item font-weight-bolder"> <a class="nav-link" href="{% url 'searchsite1' %}">Search</a> </li> <li class="nav-item font-weight-bolder"> <a class="nav-link" href="{% url 'homesite1' %}">Home</a> </li> </ul> </div> </nav> <!-- Carousel --> <div class="carousel_slid"> <div class="opacity_carousel"></div> <div id="slide" class="carousel slide" data-ride="carousel"> <!-- carousel indicators --> <ul class="carousel-indicators"> <li data-target="#slide" data-slide-to="0" class="active"></li> <li data-target="#slide" data-slide-to="1"></li> <li data-target="#slide" data-slide-to="2"></li> </ul> <div class="carousel-inner"> <div class="carousel-item carousel-img-1 active"> <img src="{{ home_slider.slider_1.url }}" alt="Slid Image"> <div class="carousel-caption"> <h3>Why do we donate blood?</h3> <p>Donating just one pint of blood can save more than one person's life.</p> </div> </div> <!-- carousel item --> <div class="carousel-item carousel-img-2"> <img src="{{ home_slider.slider_2.url }}" alt="Slid Image"> <div class="carousel-caption"> <h3>Why do we donate blood?</h3> <p>Whenever you donate blood, you’re giving someone the opportunity to have a new lease on life, not to mention that you’re also giving your overall health a great boost.</p> </div> </div> <div class="carousel-item carousel-img-3"> <img src="{{ home_slider.slider_3.url }}" alt="Slid Image"> <div class="carousel-caption"> <h3>Why do we donate blood?</h3> <p>It is not more painful than losing a loved one that you may save by donating!</p> </div> </div> </div> <!-- carousel control --> <a class="carousel-control-prev" href="#slide" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#slide" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> </div> </div> {% block content %} {% endblock %} <!-- footer --> <div class="footer clearfix"> <p class="text-center text-white p-2"> Philippine Red Cross Blood Bank Management System <br> The National Headquarters of the Philippine Red Cross us <br> located at 37 EDSA corner Boni Avenue, <br> Mandaluyong City, Metro Manila. <br> </p> </div> </div> </body> </html> |
After adding the code, you may click the run button to test the code. The output should look like as shown below.
- Create template for the search page in Blood Bank Management System Project in Django.
In this section, we will learn on how create a templates for the search page. To start with, add the following code in your search.html under the folder of template files.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
{% extends 'base.html' %} {% block content %} <!-- Search --> <div class="search"> <img src="{{ logo_img.logo_image.url }}" class="rounded-circle" alt="Logo" width="221" height="227"> <form action="{% url 'donorlistsite' %}" method="POST"> {% csrf_token %} <div class="input-group mb-3"> {{forms_search.select_blood_group}} {{forms_search.select_location}} </div> <button type="submit" class="btn search_bt">Search</button> </form> </div> {% endblock %} |
After adding the code, you may click the run button to test the code. The output should look like as shown below.
- Create template for the donor registration form in Blood Bank Management System Project in Django.
In this section, we will learn on how create a templates for the donor registration form. To start with, add the following code in your registrations .html under the folder of template files.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
{% extends 'base.html' %} {% block content %} <div class="container-fluid"> <div class="form_body"> <h2 class="text-center font-">Blood Donor Registration Form</h2> <form action="{% url 'dregdisplay' %}" method="post"> {% csrf_token %} {{forms.as_p}} <button type="submit" class="btn reg_btn">Submit</button> </form> </div> </div> {% endblock %} |
After adding the code, you may click the run button to test the code. The output should look like as shown below.
- Create template for the contact us page in Blood Bank Management System Project in Django.
In this section, we will learn on how create a templates for the contact us page. To start with, add the following code in your contact_us.html under the folder of template files.
|
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 |
{% extends 'base.html' %} {% block content %} <div class="about_page"> <div class = "Contact_body"> <!-- page image --> <header id="page-header"> <div class="col-md-6 m-auto text-center text-light"> <h1>Contact Us</h1> <p class="lead">Anybody Can Give Blood. <br>"Tears Of A Mother Cannot Save Her Child. But Your Blood Can."</p> </div> </header> <!-- address --> <div class="address text-center"> <address class="p-5 font-weight-bold">{{ contact.contact_text }}</address> </div> </div> </div> {% endblock %} |
After adding the code, you may click the run button to test the code. The output should look like as shown below.
- Create template for the about us in Blood Bank Management System Project in Django.
In this section, we will learn on how create a templates for the about us page. To start with, add the following code in your about_us.html under the folder of template files.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 |
{% extends 'base.html' %} {% block content %} <!-- page image --> <header id="page-header"> <div class="col-md-6 m-auto text-center text-light"> <h1>About Us</h1> <p class="lead">Every Blood Donor Is A Life Saver</p> </div> </header> <!--about--> <div class="about text-center"> <p class="font-weight-bold">{{ about.about_text }}</p> </div> {% endblock %} |
After adding the code, you may click the run button to test the code. The output should look like as shown below.
Run Quick Virus Scan for secure Download
Run Quick Scan for safe DownloadDownloadable 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 Blood Bank Management System Project in Django with Source Code?
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 Django Pillow
• python manage.py runserver
Step 3: Finally, open the browser and go to http://127.0.0.1:8000/
For admin panel:
- Username: admin
- Password: admin
Summary
In summary, this 2020 Blood Bank Management 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 Blood Bank Management System Project in Django with Source Code, please feel free to leave a comment below.
