A Project Report

On
BloodLink
Submitted in partial fulfillment of the requirement for the award of the degree of

BACHELOR OF TECHNOLOGY
In

COMPUTER SCIENCE ENGINEERING

By:
UDIT KORI (100190153)
SOUMYADEB SUTRADHAR (100190149)
ALOK GUPTA (100190106)
UNDER THE GUIDANCE OF
Er. RITU SHARMA
(Assistant Professor, Department of Computer Science Engineering)
DEPARTMENT OF COMPUTER SCIENCE ENGINEERING

SIR CHHOTU RAM INSTITUTEOF ENGINEERING & TECHNOLOGY

CHAUDHARY CHARAN SINGH UNIVERSITY, MEERUT
(2022-23)
 ACKNOWLEDGEMENT
It gives me a great sense of pleasure to present the report of the Project Work undertaken
during B. Tech. Final Year. I owe special debt of gratitude to my Project Coordinator Er. Ritu
Sharma, Department of Computer Science Engineering, SCRIET C.C.S. University, Meerut for
her/his constant support and guidance throughout the course of my work. It is only her/his
cognizant efforts that my endeavors have seen light of the day.
Again, my deepest thanks to my project guide Er. Ritu Sharma, S.C.R.I.E.T., C.C.S
University Meerut, for guiding throughout the project. I also take the opportunity to
acknowledge the contribution of Prof. Neeraj Singhal, Director, S.C.R.I.E.T C.C.S University,
Meerut and Er. Milind, Assistant Professor & Co-ordinator Department of Computer Science
Engineering, S.C.R.I.E.T, Meerut for his full support and assistance during the development of
the project.
I also do not like to miss the opportunity to acknowledge the contribution of all faculty
members of the department for their kind assistance and cooperation during the development of
my project. Last but not the least, I acknowledge my friends for their contribution in the
completion of the project.

Udit Kori ( 100190153)

Soumyadeb Sutradhar ( 100190149)
Alok Gupta ( 100190106)
SIR CHHOTU RAM INSTITUTE OF ENGINEERING & TECHNOLOGY

CHAUDHARY CHARAN SINGH UNIVERSITY

Approved by A.I.C.T.E., New Delhi

CERTIFICATE - I

This is to certify that this project report entitled “BloodLink” which is submitted by
Udit Kori (100190153), Soumyadeb Sutradhar (100190149) and Alok Gupta (100190106)
in the partial fulfilment of the requirement for the award of degree of Bachelor of Technology
in Computer Science Engineering from this college is a record of candidate own work
carried out by him/her under our supervision.
The matter embodied in this Project Report has not been submitted earlier for award of any
degree or diploma in any university/institution to the best of our knowledge & belief.

Er. Ritu Sharma Er. Ritu Sharma

Project Guide Project Coordinator
SIR CHHOTU RAM INSTITUTE OF ENGINEERING & TECHNOLOGY

CHAUDHARY CHARAN SINGH UNIVERSITY

Approved by A.I.C.T.E., New Delhi

CERTIFICATE - II

This is to certify that this project report entitled “BloodLink” which is submitted by
Udit Kori (100190153), Soumyadeb Sutradhar (100190149) and Alok Gupta (100190106)
in the partial fulfilment of the requirement for the award of degree of Bachelor of Technology
in Computer Science Engineering from this college is a record of candidate own work
carried out by him/her under our supervision.
The matter embodied in this Project Report has not been submitted earlier for award of any
degree or diploma in any university/institution to the best of our knowledge & belief.

Er. Ritu Sharma

Project Guide External Examiner
SIR CHHOTU RAM INSTITUTE OF ENGINEERING & TECHNOLOGY

CHAUDHARY CHARAN SINGH UNIVERSITY

Approved by A.I.C.T.E., New Delhi

DECLARATION

We hereby declare that this submission is our own work and that, to the best of our knowledge
and belief, it contains no material previously published or written by another person nor material
which to a substantial extent has been accepted for the award of any other degree or diploma of
the university or other institute of higher learning, except where due acknowledgment has been
made in the text.

Signature Signature Signature

Udit Kori Soumyadeb Sutradhar Alok Gupta
(100190153) (100190149) (100190106)

Date:- / /
 ABSTRACT
BloodLink is a robust and user-friendly online website designed to streamline and
enhance the process of blood donation management. The project aims to bridge the gap between
blood banks, donors, and patients in need, by providing a centralized and accessible platform
that facilitates efficient communication, coordination, and information sharing.
The website offers a range of features and functionalities to cater to the diverse needs of blood
banks, donors, and potential recipients. For blood banks, the platform serves as a powerful
management system, allowing them to maintain a comprehensive database of available blood
types, donors, and inventory levels. Additionally, blood banks can update their status and urgent
needs, ensuring accurate and up-to-date information for potential donors.
Donors benefit from an intuitive user interface that enables them to create personal profiles,
complete with their blood type, contact details, and availability for donation.

The website incorporates various search and filtering options, empowering donors to
find and connect with nearby blood banks or specific patients in need, based on compatibility
and urgency .To foster community engagement and encourage regular blood donations, the
website features a notification system that sends alerts and reminders to registered donors about
upcoming donation events, campaigns, and urgent requests. The platform also offers educational
resources and health tips to promote awareness and encourage a healthy lifestyle among
potential donors.
For patients and healthcare professionals, the website provides a reliable channel to request
blood donations, submit urgent cases, and communicate directly with blood banks and potential
donors. This direct connection expedites the process of finding suitable donors, reducing
response time and potentially saving lives.
 TABLE OF CONTENT
CHAPTER 1: INTRODUCTION OF THE PROJECT...............................................1
1.1 INTRODUCTION..................................................................................................................2
1.1.1 BACKGROUND OF THE STUDY....................................................................................2
1.2 PROBLEM STATEMENT.....................................................................................................3
1.3 OBJECTIVES, SCOPE AND LIMITATIONS......................................................................4
1.3.1 OBJECTIVES......................................................................................................................4
1.3.2 SCOPES..............................................................................................................................5
1.3.3 LIMITATIONS...................................................................................................................6
1.4 ASSUMPTIONS AND HYPOTHESIS..................................................................................6
1.5 SIGNIFICANCE OF THE PROBLEM..................................................................................7
1.6 DEFINATION OF TERMS....................................................................................................7
CHAPTER 2: PROPOSED SYSTEM.................................................................................8
2.1 PROPOSAL............................................................................................................................9
2.2 MODULES AND SUB-MODULES......................................................................................9
2.2.1 AUTHENTICATION MODULE........................................................................................9
2.2.2 DONOR MANAGEMENT MODULE.............................................................................10
2.2.3 BLOOD BANK MANAGEMENT MODULE.................................................................10
2.2.4 BLOOD DONATION MODULE......................................................................................10
2.2.5 BLOOD INVENTORY MANAGEMENT MODULE......................................................10
2.2.6 REPORTING MODULE...................................................................................................11
2.2.7 SETTING MODULE.........................................................................................................11
2.3 HARDWARE AND SOFTWARE REQUIRED..................................................................12
2.3.1 HARDWARE REQUIRED...............................................................................................12
2.3.2 SOFTWARE REQUIRED.................................................................................................12
CHAPTER 3: TECHNOLOGIES USED AND METHODOLOGY……...……………….13
3.1 HYPER TEXT MARKUP LANGUAGE.............................................................................14
3.2 CASCADING STYLE SHEET............................................................................................14
3.3 JAVASCRIPT......................................................................................................................15
3.4 PHP.......................................................................................................................................16
3.5 MYSQL................................................................................................................................16
CHAPTER 4: SYSTEM ANALYSIS................................................................................18
4.1 FEASIBILTY STUDY.........................................................................................................19
4.1.1 TECHNICAL FEASIBILITY...........................................................................................19
4.1.2 ECONOMIC FEASIBILITY.............................................................................................19
4.1.3 OPERATIONAL FEASIBILITY......................................................................................19
4.1.4 SOCIAL FEASIBILITY....................................................................................................20
CHAPTER 5: SYSTEM DESIGN......................................................................................21
5.1 DATA FLOW DIAGRAM...................................................................................................22
5.1.1 DFD FOR ADMIN LOGIN...............................................................................................22
5.1.2 DFD FOR USER LOGIN..................................................................................................22
5.1.1 DFD FOR ACCOUNT CREATION.................................................................................22
5.2 FLOW CHART....................................................................................................................23
5.3 ACTIVITY DIAGRAM.......................................................................................................24
5.4 E.R DIAGRAM....................................................................................................................25
CHAPTER 6: TESTING......................................................................................................26
6.1 METHODOLOGY OF TESTING........................................................................................27
6.2 STEPS OF TESTING OF MODULE...................................................................................28
6.2.1 REQUIREMENTS ANALYSIS........................................................................................28
6.2.2 TEST PLANNING............................................................................................................28
6.2.3 TEST DESIGN..................................................................................................................28
6.2.4 TEST ENVIRONMENT SETUP......................................................................................28
6.2.5 TEST EXECUTION..........................................................................................................28
6.2.6 DEFECT MANAGEMENT..............................................................................................29
6.2.7 REGRESSION TESTING.................................................................................................29
6.2.8 ACCEPTANCE TESTING...............................................................................................29
6.2.9 PERFORMANCE TESTING............................................................................................29
6.2.10 DOCUMENTATION......................................................................................................29
CHAPTER 7: MAINTAINANCE......................................................................................30
7.1 HOW ARE WE MAINTAINING THIS PROJECT?.. .........................................................31
CHAPTER 8: DATABASE..................................................................................................32
8.1 INTRODUCTION................................................................................................................33
CHAPTER 9: SNAPSHOTS................................................................................................37
9.1 HOME INTERFACE............................................................................................................38
9.2 ABOUT US INTERFACE....................................................................................................41
9.3 DONOR LIST INTERFACE................................................................................................42
9.4 SEARCH DONOR LIST INTERFACE...............................................................................43
9.5 USER LOGIN INTERFACE................................................................................................43
9.6 ADMIN INTERFACE..........................................................................................................44
9.6.1 SIGN-IN INTERFACE.....................................................................................................44
9.6.2 DASHBOARD INTERFACE...........................................................................................44
9.6.3 ADD BLOOD GROUP INTERFACE...............................................................................45
9.6.4 MANAGE BLOOD GROUP INTERFACE.....................................................................45
9.6.5 DONOR LIST INTERFACE.............................................................................................46
CHAPTER 10: CONCLUSION..........................................................................................47
CHAPTER 11: FUTURE SCOPE......................................................................................49
CHAPTER 12: APPENDICS..............................................................................................51
CHAPTER 13: CODING/IMPLEMENTATIONS........................................................53
13.1 HOME PAGE CODE.........................................................................................................54
13.2 ABOUT US PAGE CODE..................................................................................................64
13.3 CONTACT US PAGE CODE............................................................................................70
13.4 DONOR LIST PAGE CODE..............................................................................................77
13.5 SEARCH DONOR PAGE CODE......................................................................................90
13.6 ADMIN SIGN-IN PAGE CODE........................................................................................95
 LIST OF FIGURES
Figure 1: DFD FOR ADMIN LOGIN........................................................................................22
Figure 2: DFD FOR USER LOGIN............................................................................................22
Figure 3: DFD FOR ACCOUNT CREATION...........................................................................22
Figure 4: FLOW CHART...........................................................................................................23
Figure 5: ACTIVITY DIAGRAM..............................................................................................24
Figure 6: E.R. DIAGRAM..........................................................................................................25
Figure 7: HOME PAGE PART 1................................................................................................38
Figure 8: HOME PAGE PART 2................................................................................................38
Figure 9: HOME PAGE PART 3................................................................................................39
Figure 10: HOME PAGE PART 4..............................................................................................39
Figure 11: HOME PAGE PART 5..............................................................................................40
Figure 12: HOME PAGE PART 6..............................................................................................40
Figure 13: ABOUT US PAGE....................................................................................................41
Figure 14: CONTACT US PAGE...............................................................................................41
Figure 15: DONOR LIST PAGE PART 1..................................................................................42
Figure 16: DONOR LIST PAGE PART 2..................................................................................42
Figure 17: SEARCH DONOR LIST PAGE................................................................................43
Figure 18: USER LOGIN PAGE................................................................................................43
Figure 19: ADMIN SIGN-IN PAGE..........................................................................................44
Figure 20: ADMIN DASHBOARD PAGE................................................................................44
Figure 21: ADD BLOOD GROUP PAGE..................................................................................45
Figure 22: MANAGE BLOOD GROUP PAGE.........................................................................45
Figure 23: DONOR LIST PAGE................................................................................................46
 LIST OF TABLES
Table 1: State_mst...................................................................................................................33
Table 2: Usertype_mst............................................................................................................33
Table 3: Loction_mst...............................................................................................................34
Table 4: Registration...............................................................................................................34
Table 5: Donation_mst............................................................................................................35
Table 6: Blood Request...........................................................................................................35
Table 7: City_mst.....................................................................................................................36
 CHAPTER 1
INTRODUCTION OF
THE PROJECT

1
1.1 INTRODUCTION
A blood bank and donation website project aims to create an online platform that connects
blood donors with blood banks and patients in need of blood transfusions. The website serves as
a central database for all registered blood donors, including their blood type, location, and
availability. Patients or hospitals can search for donors based on their blood type and location to
find potential donors in their area.
The website will also provide information about the importance of blood donation and the
process of donating blood. Users can learn about eligibility criteria, the donation process, and the
benefits of donating blood. The website will also provide updates on the current blood supply
status, ongoing donation drives, and other events related to blood donation.
The website will have a user-friendly interface and will be accessible on both desktop and
mobile devices. Users can create an account, update their donor profile, and schedule donation
appointments. Blood banks can also create accounts and manage their inventory of blood
products, view donor information, and track blood usage.
The primary goal of the blood bank and donation website project is to increase blood
donation awareness and make it easier for patients to access blood when they need it. The website
will provide a valuable resource for patients, hospitals, and blood banks to connect and save lives.
Blood transfusion safety remains an important public health concern in Oman. The
availability of blood products of all blood types and the provision of its safety ensure public trust
of its excellent healthcare system. However, lack of availability of these blood products and
provision of unsafe blood products still impact morbidity and mortality in the Sultanate. Through
the use of online blood bank management system, blood transfusion safety is expected to be
enhanced or improved. Risks on improper blood donors’ documentation, and misplaced records
can be minimized or totally avoided. Also, processes involving blood bag collection, storage, and
inventory will be systematized and organized, hence, improving the healthcare management.

1.1.1 BACKGROUND OF THE STUDY

For hospitals, a blood bank known as blood collection center, also is an area in which
collected blood bags are stored and preserved for future use in blood transfusion services. Blood
transfusion is a medical operation where a patient requires blood or blood products as a life saving
measure. Most blood banks are still running manual system in its processes. As such, there is a
lack of efficiency because it is still paper-based in collecting information about donors,
inventories of blood bags, and blood transfusion services. The lack of proper documentation may
endanger patients’ health due to the possibility of having contaminate blood bags. Contamination
happened when there is an incomplete donors’ medical history record and the blood bags’ shelf
2
life is not monitored properly. Hence, a web-based blood bank management system might be
needed to address these issues and problems encountered to ensure blood transfusion safety.
The background of a blood bank and donor project is rooted in the critical need for blood
donations to support healthcare systems around the world. Blood transfusions are an essential
treatment for a wide range of medical conditions, including surgeries, cancer treatments, and
chronic diseases. However, the demand for blood is often higher than the supply, leading to
shortages and challenges in accessing blood products.
The background of a blood bank and donor website project can be traced to the critical
need for a stable and sufficient blood supply in the healthcare system. The World Health
Organization (WHO) recognizes the importance of blood donation as an essential part of any
healthcare system, and access to safe blood and blood products is crucial to the success of many
medical and surgical procedures.
Blood transfusions are often needed for patients with severe injuries, medical conditions,
or undergoing surgical procedures. However, the demand for blood is constantly increasing due
to the rising population, advances in medical technology, and an increase in the number of
complex medical procedures. This demand is not always matched by an adequate supply of safe
blood products, which can lead to unnecessary deaths and complications.
This project aims to address this challenge by providing a centralized platform for blood
donation and collection. By leveraging technology, the project seeks to streamline the blood
donation process, promote blood donation, and ensure a sufficient and safe blood supply for
patients in need.

1.2 PROBLEM STATEMENT

The current blood donation process in many countries is inefficient, cumbersome, and
often fails to meet the increasing demand for safe blood products. Blood banks and hospitals face
numerous challenges in maintaining an adequate supply of blood, including difficulties in
recruiting and retaining donors, managing inventory, and responding to emergency situations.
Despite advances in technology, nowadays, most blood bank systems are running in
manual system. As such, there is a prevalent problem in the availability of needed blood types.
For instance, when a person needs a certain type of blood and this type is not available in the
hospital, family members send messages through social media to those who can donate to them
and this process takes longer than the life of the patient to the most dangerous.
In addition, it seems that there is lack of proper documentation about blood donors and its
medical history. This may lead to blood bag contamination and may affect the blood transfusion
safety. Generally, this study aims to determine how the use of online bank management system
3
enhance blood transfusion safety. Subsequently, this study seeks to answer the following specific
problems:
1. What is the level of perception among blood bank’s stakeholders on manual-based system?
2. What is the level of perception among blood bank’s stakeholders on online blood bank
management system?
3. H0: Is there no significant difference in the level of perception among stakeholders between
manual-based and online-based blood bank system?
H1: Is there a significant difference in the level of perception among stakeholders between
manual-based and online-based blood bank system?
Therefore, there is a need for a blood services and donor website that addresses these
challenges by providing a centralized platform for donors, hospitals, and blood banks. The
website should offer a user-friendly interface, with features that facilitate donor registration,
appointment scheduling, and blood product management. The website should also include
educational materials to promote blood donation and ensure donor safety.

1.3 OBJECTIVES, SCOPE AND LIMITATIONS

1.3.1 OBJECTIVES
This applied research aims to design, develop and implement online blood bank and
donation system. This web-based application provides:
 To develop a centralized platform for blood donation and collection: The primary
objective of the project is to develop a user-friendly website that enables individuals to
donate blood and hospitals to access safe and adequate blood products. The website
should be accessible from anywhere, at any time, to ensure maximum convenience for
donors and hospitals.
 To improve donor recruitment and retention: The website should have features that
features can include online appointment scheduling, donor reminders, and incentives or
rewards for regular donors.
 To enhance blood inventory management: The website should enable blood banks and
hospitals to manage their blood inventory effectively. Features such as real-time
inventory tracking, donor eligibility screening, and emergency notifications can improve
the efficiency and accuracy of blood product management.
 To promote blood donation and donor safety: The website should provide educational
materials and resources to promote blood donation and ensure donor safety. These

4
 materials can include information on the donation process, donor eligibility criteria, and
tips for a safe and healthy donation experience.
 To leverage technology to streamline the blood donation process: The website should
leverage technology to simplify and streamline the blood donation process. Features such
as online registration, appointment scheduling, and donation tracking can improve the
overall donation experience for donors and hospitals.

1.3.2 SCOPE
In India, due to many accidents in many situations and in different locations. According to
the EMRI Survey, in a two-day Conference, it stated that “40% of road accident victims in 2018
died due to excessive loss and due to very less source of contact for donating the blood”. So
actually the scope is that, in a very short span, it provides users with many facilities. The main
purpose of this project is to interconnect donors into a single network with receptors.
So the proposed Web Application project could ensure the necessity of blood and blood
donation by saving the World.
 The report can introduce the project, its objectives, and the problem statement that the
project aims to address. It can also provide background information on blood donation
and its importance in healthcare.
 The report can outline the requirements for the blood services and donor website,
including the need for a user-friendly interface, features for donor registration,
appointment scheduling, and blood product management.
 The report can describe the design and development process of the website, including the
use of technologies such as HTML, CSS, JavaScript, and PHP. It can also outline the
project management methodology used, such as Agile or Waterfall.
 The report can detail the features and functionality of the website, including donor
registration, appointment scheduling, blood request management, and donor rewards. It
can also describe the website's security features, such as data encryption and user
authentication.
 The report can describe the testing and evaluation process of the website, including user
testing, functional testing, and security testing. It can also outline the tools used for
testing, such as Selenium and JMeter.
 The report can present the results of the project, including the website's performance, user
feedback, and adoption rate. It can also discuss the project's impact on blood donation
and the healthcare system.

5
1.3.3 LIMITATIONS
 Dependence on Technology: The success of the project relies heavily on the availability
and reliability of technology. Technical failures or internet connectivity issues can disrupt
the donor registration process, appointment scheduling, and blood product management.
Therefore, the website should have robust backup and recovery systems to minimize
downtime.
 Limited Outreach: The website may not reach certain populations, such as those with
limited access to the internet or those who do not speak the primary language of the
website. The project should consider developing targeted outreach strategies to reach
these populations.
 Donor Safety: Although the website aims to improve donor safety, it cannot guarantee
the safety of all donors. Donors may experience adverse reactions to the donation process,
which can range from mild to severe. Therefore, the website should have clear
instructions on how donors can report adverse reactions and receive medical assistance.
 Data Privacy and Security: The website will collect sensitive donor and patient
information, such as personal identification details and medical history. The project
should ensure that the website adheres to strict data privacy and security regulations to
protect donor and patient data from cyberattacks and data breaches.
 Limited Funding: The development and maintenance of a blood services and donor
website require significant financial resources. The project may face financial constraints,
which can limit the scope and functionality of the website. Therefore, the project should
consider alternative funding sources, such as partnerships with private organizations or
government grants.

1.4 ASSUMPTIONS AND HYPOTHESIS:

 The researchers assume the following assumptions:
 Internet connectivity is needed for the online website system. Internet speed may affect the
perception of the systems users with regards to the system effectiveness and efficiency.
 Blood transfusion should be performed by medical or professional doctors only. The over-all
safety depends on the success of the medical operation.
 The researchers identify the following hypotheses:
 There is a significant difference in the level of blood transfusion safety between manual-based
and online blood bank systems.
 There is an increased level of blood transfusion safety in using online systems while there is
an increased risk when using manual-based one.
6
1.5 SIGNIFICANCE OF THE PROBLEM
The findings of this study will benefit blood banks in managing blood donation donors,
activities, and blood bags. This will allow the hospital to take decision if a particular type of blood
is needed and currently unavailable in the hospital, however, available in another nearby hospitals.
Furthermore, managing the blood bags in the blood bank will be much easier because each blood
bag has an information about the donor, donation activity details, and the expiration date. Also,
doctor can use this system to serve blood bags to their patient and monitor the details of the donor.
The main advantages of the system are:
 Blood bank staff can find and manage the donor details on the system easily.
 The expiration date of blood bags can be viewed in the system.
 Hospital can be alerted about issued blood bags and its availability.
 The system is systematized, and organized in managing blood donor records and blood
donation activities.

1.6 DEFINITION OF TERMS

 Blood bags are designed for the collection, processing and storage of whole blood and blood
components. They help in providing aseptic conditions for the separation of blood
components. It acts as a closed system reducing the chances of contamination.
 Blood bank is a place where blood bag that is collected from blood donation events is stored
in one place. Which refers to a division of a hospital laboratory where the storage of blood
product occurs and where proper testing is performed to reduce the risk of transfusion related
events.
 Donor is someone who gives a part of their body or some of their blood to be used by doctors
to help a person who is ill.
 Transfusion: Transfusion is done as a lifesaving maneuver to replace blood cells or blood
products lost through severe bleeding. Transfusion of one's own blood (autologous
transfusion) is the safest method, but it requires advanced planning, and not all patients are
eligible.

7
 CHAPTER 2
PROPOSED SYSTEM

8
2.1 PROPOSAL
This project is designed to streamline the process of blood donation and management.
Here's the proposed system:
1. User Registration:
The system should allow users to register as donors or recipients. The registration form
should collect all necessary information such as name, email, phone number, address, blood
group, and other relevant details.
2. Donor Information:
Once a donor registers, their information should be stored in a database that can be accessed
by authorized personnel at the blood bank. The donor's blood group, medical history, and
other relevant information should be recorded.
3. Blood Bank Management:
The system should allow blood banks to manage their inventory and track blood donations.
The system should notify the blood bank staff when a blood donation is due to expire or when
their inventory is low.
4. Blood Donation Camps:
The system should allow blood banks to organize blood donation camps and invite donors
to participate. The system should also allow the blood bank to track the donors who have
participated in the camps.
5. Donor Reminders:
The system should send reminders to donors when they are due for their next blood
donation. The system should also send notifications to donors when their blood is used to save
a life.
6. Blood Requests:
The system should allow hospitals and other healthcare organizations to request blood from
the blood bank. The system should match the requested blood type with the available donors
and notify the blood bank staff.

2.2 MODULES AND SUB-MODULES

2.2.1 AUTHENTICATION MODULE:
 Login Sub-module: This sub-module allows users to authenticate themselves by
entering their credentials (username and password) to access the system.
 Registration Sub- : This sub-module enables new users to register by providing
mo dule

necessary information and creating an account.

9
2.2.2 DONOR MANAGEMENT MODULE:
 Donor Registration Sub-module: This sub-module allows blood donors to register by
providing their personal information such as name, contact details, blood type, and any
relevant medical history.
 Donor Search Sub-module: With this sub-module, authorized users can search for
specific donors based on criteria like blood type, location, or other attributes.
 Donor Update Sub-module: Authorized users can update donor information through this
sub-module, ensuring that the records remain accurate and up to date.
 Donor Delete Sub-module: This sub-module allows authorized users to remove donor
records from the system if necessary.

2.2.3 BLOOD BANK MANAGEMENT MODULE:

 Blood Bank Registration Sub-module: Authorized users can register new blood banks
by providing details such as name, location, contact information, and available blood
types.
 Blood Bank Search Sub-module: This sub-module enables authorized users to search
for specific blood banks based on location or other criteria.
 Blood Bank Update Sub-module: Authorized users can update the information of
registered blood banks through this sub-module.
 Blood Bank Delete Sub-module: This sub-module allows authorized users to remove
blood bank records from the system if required.

2.2.4 BLOOD DONATION MODULE:

 Blood Donation Request Sub-module: This sub-module allows authorized users to
request blood donations from registered donors based on specific requirements.
 Blood Donation Acceptance Sub-module: Donors can accept or decline donation
requests received through this sub-module.
 Blood Donation Rejection Sub-module: Authorized users can reject blood donation
requests if they do not meet the necessary criteria.

2.2.5 BLOOD INVENTORY MANAGEMENT MODULE:

 Blood Stock Management Sub-module: This sub-module enables authorized users to
manage and track the inventory of available blood units, including their quantity,
expiration dates, and storage locations.

10
  Blood Stock Search Sub-module: Authorized users can search for specific blood units
based on attributes like blood type, quantity, or location.
 Blood Stock Update Sub-module: This sub-module allows authorized users to update
the information of blood units, such as quantity or expiration dates.
 Blood Stock Delete Sub-module: Authorized users can remove blood units from the
inventory if they are expired or no longer usable.

2.2.6 REPORTING MODULE:

 Donor Report Sub-module: This sub-module generates reports related to donor
information, such as the number of registered donors, donor demographics, or donor
activity.
 Blood Bank Report Sub-module: This sub-module generates reports related to blood
banks, such as the number of registered blood banks, blood bank locations, or available
blood types.
 Blood Donation Report Sub-module: This sub-module generates reports on blood
donation activities, including the number of donations, donation requests, and acceptance
rates.
 Blood Inventory Report Sub-module: This sub-module generates reports on blood
inventory, including the quantity of available blood units, expiration dates, and stock
levels.

2.2.7 SETTINGS MODULE:

 User Management Sub-module: This sub-module allows authorized users to manage
user accounts, including creating new accounts, updating user information, and assigning
roles.
 Role Management Sub-module: This sub-module enables authorized users to define and
manage user roles, assigning appropriate access and permissions to different system
functionalities.
 System Configuration Sub-module: This sub-module allows authorized users to
configure system settings, such as general preferences, email notifications, or integration
with external systems.

11
2.3 HARDWARE AND SOFTWARE REQUIRED
2.3.1 HARDWARE REQUIRED
Following are the Hardware requirements for project-
(i) Hard disk: 15 GB A computer hard disk drive (HDD) is a non-volatile data storage device.
Non-volatile refers to storage devices that maintain stored data when turned off. All computers
need a storage device, and HDDs are just one example of a type of storage device. HDDs are
usually installed inside desktop computers, mobile devices, consumer electronics and
enterprise storage arrays in data centers. They can store operating systems, software programs
and other files using magnetic disks.
(ii) Memory: 4 GB Computer random access memory (RAM) is one of the most important
components in determining your system's performance. RAM gives applications a place to
store and access data on a short-term basis. It stores the information your computer is actively
using so that it can be accessed quickly. The more programs your system is running, the more
you'll need. SSDs (solid state drives) are also important components and will help your system
reach its peak performance. The speed and performance of your system directly correlate to
the amount of RAM you have installed. If your system has too little RAM, it can be slow and
sluggish. But on the opposite end, you can install too much with little to no added benefit.
There are ways to see if your computer needs more memory, and to make sure you are buying
memory that is compatible with the other components in your system. Generally, components
are created to the highest standard at the time of manufacture, but with the expectation that
technology will continue to change.
(iii) Peripherals: Keyboard, Mouse Visual Display Unit.

2.3.2 SOFTWARE REQUIRED

Following are the Hardware requirements for project-
1. Windows Operating System
2. Notepad
3. Web Browser (Chrome)
4. XAMPP Web Server

12
 CHAPTER 3
TECHNOLOGIES USED
AND METHODOLOGY

13
3.1 HYPER TEXT MARKUP LANGUAGE (HTML)
HTML is an acronym which stands for Hyper Text Markup Language which is used for
creating web pages and web applications. Hyper Text: Hypertext simply means "Text within
Text." A text has a link within it, whenever you click on a link which brings you to a new webpage,
you have clicked on a hypertext. Hypertext is a way to link two or more web pages (HTML
documents) with each other. Markup language: A markup language is a computer language that
is used to apply layout and formatting conventions to a text document. Markup language makes
text more interactive and dynamic. It can turn text into images, tables, links, etc. Web Page: A
web page is a document which is commonly written in HTML and translated by a web browser.
A web page can be identified by entering an URL. A Web page can be of the static or
dynamic type. Hence, HTML is a markup language which is used for creating attractive web
pages with the help of styling, and which looks in a nice format on a web browser. An HTML
document is made of many HTML tags and each HTML tag contains different content. In the
late 1980's, a physicist, Tim Berners-Lee who was a contractor at CERN, proposed a system for
CERN researchers. In 1989, he wrote a memo proposing an internet-based hypertext system. Tim
Berners-Lee is known as the father of HTML. The first available description of HTML was a
document called "HTML Tags" proposed by Tim in late 1991. The latest version of HTML is
HTML5, which we will learn later in this tutorial.

FEATURES OF HTML:
1. It is a very easy and simple language. It can be easily understood and modified.
2. It is very easy to make an effective presentation with HTML because it has a lot of formatting
3. Tags
4. It is a markup language, so it provides a flexible way to design web pages along with the text.
5. It facilitates programmers to add a link on the web pages (by html anchor tag), so it enhances
the interest of browsing of the user.
6. It is platform-independent because it can be displayed on any platform like Windows, Linux,
and Macintosh, etc.

3.2 CASCADING STYLE SHEETS (CSS)

Cascading Style Sheets, fondly referred to as CSS, is a simple design language intended
to simplify the process of making web pages presentable. CSS is a MUST for students and
working professionals to become a great Software Engineer especially when they are working in
Web Development Domain. Create Stunning Web site - CSS handles the look and feel part of a
web page. Using CSS, you can control the color of the text, the style of fonts, the spacing between

14
paragraphs, how columns are sized and laid out, what background images or colors are used,
layout designs, and variation in display for different devices and screen sizes as well as a variety
of other effects. Become a web designer - If you want to start a career as a professional web
designer, HTML and CSS designing is a must skill. Control web- CSS is easy to learn and
understand but it provides powerful control over the presentation of an HTML document. Most
commonly, CSS is combined with the markup languages HTML or XHTML. Learn other
languages - Once you understand the basic of HTML and CSS then other related technologies
like JavaScript, PHP, or angular are become easier to understand.

3.3 JAVASCRIPT
JavaScript is a high-level, dynamic, and interpreted programming language used primarily
for creating interactive and dynamic web pages. It is one of the core technologies of the World
Wide Web along with HTML and CSS, JavaScript is a scripting language, which means that it is
executed by a web browser when a web page is loaded or a user interacts with the page. It is used
to create interactive effects, animations, and dynamic content on web pages, such as drop-down
menus, image sliders, and pop-up dialogs.
JavaScript can be used for both client-side and server-side programming. On the client
side, JavaScript is used to manipulate the content of a web page and respond to user actions, while
on the server side, it can be used to create web applications and interact with databases. JavaScript
has become one of the most popular programming languages due to its versatility, ease of use,
and wide range of applications. It is supported by all major web browsers and has a large and
active developer community, which has contributed to its growth and continued development.
1. Object-Oriented Language: JavaScript is an object-oriented language, which means that it
is based on the concept of objects. Objects are entities that contain properties and methods,
which can be accessed and manipulated by the code.
2. Cross-Platform Compatibility: JavaScript can run on a variety of platforms and devices,
including web browsers, servers, and mobile devices. This makes it a highly versatile
language that can be used to create applications for multiple platforms.
3. Libraries and Frameworks: JavaScript has a large number of libraries and frameworks that
developers can use to simplify and speed up their development process. These include jQuery,
React, Angular, and Vue.js, among others.
4. Asynchronous Programming: JavaScript uses asynchronous programming, which means
that it can execute multiple tasks simultaneously without blocking the main thread. This
makes it possible to create highly responsive and interactive web applications.

15
5. Browser Interactivity: JavaScript is primarily used to create interactive effects and dynamic
content in web pages. It can be used to respond to user actions, such as clicks and keystrokes,
and create animations and transitions.

3.4 PHP
PHP (Hypertext Pre-processor) is a server-side scripting language primarily used for web
development. It is a popular choice for building dynamic websites and web applications. PHP is
often used to create dynamic web pages that can interact with databases and generate dynamic
content on the fly. It is also used to create web applications, content management systems (CMS),
and e-commerce websites.
Some key features of PHP include:
1. Open Source: PHP is an open-source language, which means that it is free to use and modify.
2. Server-Side Scripting: PHP is executed on the server side, which means that the code is
processed on the web server before the content is sent to the client's browser. This allows for
dynamic web pages and applications to be created.
3. Cross-Platform Compatibility: PHP can run on a variety of operating systems, including
Windows, macOS, Linux, and Unix.
4. Database Support: PHP has built-in support for several databases, including MySQL,
Oracle, and PostgreSQL. This makes it easy to create web applications that interact with
databases.
5. Ease of Use: PHP has a simple and easy-to-learn syntax that is similar to other programming
languages such as C and Perl. This makes it easy for developers to learn and start using.

3.5 MySQL
MySQL tutorial provides basic and advanced concepts of MySQL. Our MySQL tutorial
is designed for beginners and professionals. MySQL is a relational database management system
based on the Structured Query Language, which is the popular language for accessing and
managing the records in the database. MySQL is open source and free software under the GNU
license. It is supported by Oracle Company. MySQL is currently the most popular database
management system software used for managing the relational database. It is open-source
database software, which is supported by Oracle Company. It is fast, scalable, and easy to use
database management system in comparison with Microsoft SQL Server and Oracle Database. It
is commonly used in conjunction with PHP scripts for creating powerful and dynamic server-side
or web-based enterprise applications. It is developed, marketed, and supported by MySQL AB, a
Swedish company, and written in C programming language and C++ programming language. The

16
official pronunciation of many small and big companies use MySQL. MySQL supports many
Operating Systems like Windows, Linux, MacOS, etc. with C, C++, and Java languages.
MySQL is a Relational Database Management System (RDBMS) software that provides
many things, which are as follows:
1. It allows us to implement database operations on tables, rows, columns, and indexes.
2. It defines the database relationship in the form of tables (collection of rows and columns),
also known as relations.
3. It provides the Referential Integrity between rows or columns of various tables. iv. It
allows us to updates the table indexes automatically.
4. It uses many SQL queries and combines useful information from multiple tables for the
end-users.
MySQL was originally envisioned to manage massive databases, faster than existing database
software. Used in demanding operational, transactional, and production environments for
decades, MySQL evolved alongside the move of computation and storage into the cloud. Though
typically installed on individual machines, MySQL now includes deep support for distributed
applications and inclusion in most cloud data platforms.
Relative to many data storage and processing solutions on the market today, MySQL is an
older technology, but it shows no signs of flagging in either popularity or utility.

17
 CHAPTER 4
SYSTEM ANALYSIS

18
4.1 FEASIBILITY STUDY
A feasibility study is an important step in determining the viability of a project. In the case of
a blood bank and donor management system project, conducting a feasibility study will help
assess its potential success and identify any potential challenges. Here are the key factors for
conducting the feasibility study of this project:

4.1.1 TECHNICAL FEASIBILITY:

1. Evaluate the technical requirements: Assess the hardware, software, and network
infrastructure needed for the system. Determine if the existing infrastructure is sufficient or if
upgrades or additional investments are required.
2. Skilled IT resources: Evaluate the availability of skilled IT professionals who can develop,
implement, and maintain the system. Consider factors like programming expertise, database
management skills, and network administration capabilities.
3. Integration with existing systems: Determine if the proposed system can seamlessly integrate
with other existing systems in the blood bank, such as laboratory equipment, blood storage
units, and electronic health record systems. Identify any potential technical challenges or
compatibility issues that may arise.

4.1.2 ECONOMIC FEASIBILITY:

1. Conduct a cost-benefit analysis to determine the financial feasibility of the project.
2. Identify the initial and ongoing costs, including development, implementation, training,
maintenance, and support.
3. Assess the potential financial benefits, such as increased operational efficiency, reduced
errors, improved inventory management, and enhanced donor management.
4. Cost-benefit analysis: Conduct a thorough analysis of the costs associated with the project.
This includes initial development and implementation costs, ongoing maintenance and
support expenses, training costs, and potential upgrades or scalability requirements. Compare
these costs with the expected benefits, such as improved operational efficiency, reduced
errors, better inventory management, and enhanced donor management. Assess the financial
viability and the return on investment (ROI) of the project.

4.1.3 OPERATIONAL FEASIBILITY:

1. Impact on day-to-day operations: Evaluate how the proposed system will affect the daily
operations of the blood bank. Consider factors such as staff workload, process changes, and

19
 workflow disruptions during the implementation phase. Identify any potential risks or
challenges associated with system adoption.
2. Stakeholder involvement: Engage key stakeholders, including blood bank staff, management,
and donors, in the feasibility study. Understand their needs, concerns, and expectations
regarding the system. Consider their feedback and address any potential resistance to change
by involving them in the decision-making process and communicating the benefits of the new
system.

4.1.4 SOCIAL FEASIBILITY:

1. Social impact: Assess the potential social benefits of implementing the blood bank and donor
management system. Consider factors such as improved blood availability, enhanced
coordination among blood banks, better donor experiences, and overall community health
benefits.
2. Public perception and acceptance: Understand how the system will be perceived by the public,
donors, and other stakeholders. Consider factors such as trust, transparency, and ease of use.
Address any concerns or resistance through effective communication, public awareness
campaigns, and involvement of community leaders and influencers.

20
 CHAPTER 5
SYSTEM DESIGN

21
5.1 DATA FLOW DIAGRAM
5.1.1 DFD FOR ADMIN LOGIN

Figure 1

5.1.2 DFD FOR USER LOGIN

Figure 2

5.1.3 DFD FOR ACCOUNT CREATION

Figure 3

22
5.2 FLOW CHART

Figure 4

23
5.3 ACTIVITY DIAGRAM

Figure 5

Elements in an activity diagram for this project:

1. Start
2. Donor Registration
3. Blood Collection
4. Testing and Processing
5. Blood Storage
6. Blood Transfusion
7. End

24
5.4 ER DIAGRAM

Figure 6

Below are the entities and relationships between them:

1. Person: This entity represents a person who wants the blood for medical purpose.
2. Donation: This entity represents the donator of blood, which includes attributes such as
name, location, and contact information.
3. Receive: This entity represents a specific instance of a blood donation by a donor. It
includes attributes such as the date of the donation, the volume of blood donated, and any
test results associated with the donation.
4. Stock: This entity represents the various components of donated blood, such as red blood
cells, plasma, and platelets. It includes attributes such as the type of component, the
volume of the component, quantity available.

25
CHAPTER 6
TESTING

26
6.1 METHODOLOGY OF TESTING
The testing methodology for a blood bank and donor management system project
typically involves a structured and comprehensive approach to ensure the system functions
correctly, meets the requirements, and provides reliable and secure management of blood
donations.
The following paragraphs outline the key steps involved in the testing process:-
 Firstly, the testing process begins with requirements analysis and documentation,
where the project team defines the functional and non-functional requirements for the
blood bank and donor management system. This step is crucial as it serves as the
foundation for the subsequent testing activities.
 Once the requirements are established, the next step is test planning. This involves
identifying the different types of tests to be conducted, such as functional testing,
integration testing, performance testing, security testing, and usability testing. The
test plan outlines the scope, objectives, test scenarios, and test cases for each type of
testing.
 After the test plan is in place, test case development takes place. Test cases are created
based on the defined scenarios and requirements, covering different aspects of the
system's functionality and behaviour. These test cases outline the steps to be
performed, the expected results, and any preconditions or data requirements.
 Once the test cases are ready, the actual testing phase begins. This phase involves
executing the test cases, capturing the results, and comparing them against the
expected outcomes. Functional testing verifies that the system performs its intended
functions correctly, while integration testing ensures that various modules and
components of the system work together seamlessly.
 Performance testing focuses on evaluating the system's performance under different load
conditions, simulating real-world scenarios to assess its scalability and responsiveness.
Security testing involves assessing the system's vulnerability to unauthorized access, data
breaches, and other security threats.
 Usability testing examines the user-friendliness of the system, ensuring that it is intuitive
and easy to navigate.

Throughout the testing process, any defects or issues identified are logged, tracked, and
managed using a defect tracking system. These defects are categorized, prioritized, and
assigned to the development team for resolution. Once the defects are fixed, regression

27
testing is performed to ensure that the changes do not introduce new issues and that the
system remains stable and functional.
Finally, once all the tests have been executed, and the system meets the defined quality
standards, a formal sign-off is obtained from the stakeholders, indicating their approval to
proceed with the system's deployment.

6.2 STEPS OF TESTING OF MODULE

6.2.1 REQUIREMENTS ANALYSIS:
1. Understand the functional and non-functional requirements of the blood bank and
donor management system.
2. Identify the expected behaviour features, and performance criteria.

6.2.2 TEST PLANNING:

1. Define the testing objectives, scope, and testing strategy.
2. Identify the test scenarios and prioritize them based on criticality.
3. Allocate resources, define roles, and establish timelines.
4. Determine the test environment and test data requirements.

6.2.3 TEST DESIGN:

1. Create detailed test cases for each identified test scenario.
2. Include positive and negative test cases covering different functionalities and edge
cases.
3. Specify the expected results for each test case.

6.2.4 TEST ENVIRONMENT SETUP:

1. Set up the required hardware, software, and network configurations for testing.
2. Install the blood bank and donor management system in the test environment.
3. Prepare the necessary test data and ensure the system is ready for testing.

6.2.5 TEST EXECUTION:

1. Execute the test cases based on the defined test scenarios.
2. Record the actual results and compare them with the expected results.
3. Log any defects or issues encountered during testing.
4. Perform functional, integration, and system testing to validate the system's behavior.
28
6.2.6 DEFECT MANAGEMENT:
1. Document and track the identified defects or issues using a defect tracking tool.
2. Assign severity and priority levels to each defect.
3. Work with the development team to investigate and resolve the defects.
4. Retest the resolved defects to ensure they have been fixed successfully.

6.2.7 REGRESSION TESTING:

1. Perform regression testing to ensure that fixes and changes do not introduce new
issues.
2. Re-execute a subset of test cases that cover critical functionalities.
3. Verify the overall system stability and integration after the changes.

6.2.8 ACCEPTANCE TESTING:

Conduct user acceptance testing (UAT) with real users or stakeholders.
Ensure that the system meets the users' expectations and requirements.
Incorporate feedback from the users and make any necessary adjustments.

6.2.9 PERFORMANCE TESTING:

Validate the performance of the blood bank and donor management system.
Conduct load testing, stress testing, and endurance testing to assess system behavior under
varying workloads. Measure response times, throughput, and resource utilization to identify
performance bottlenecks.

6.2.10 DOCUMENTATION:
Prepare comprehensive test documentation, including test plans, test cases, and test
results. Document any issues, resolutions, and lessons learned during the testing process.
Provide recommendations for system improvements or optimizations.

29
 CHAPTER 7
MAINTAINANCE

30
7.1 HOW ARE WE MAINTAINING THSIS PROJECT?
To ensure the smooth operation and maintenance of this project, here are some key steps
and considerations:
1. Regular Updates and Bug Fixes: Keep the system up to date by implementing regular
updates and bug fixes. This includes addressing any security vulnerabilities, improving
system performance, and incorporating user feedback.
2. Backup and Recovery: Implement a robust backup and recovery system to safeguard
the data stored in the blood bank and donor management system. Regularly back up the
database and ensure that the backup files are stored securely in a separate location.
3. Security Measures: Implement appropriate security measures to protect sensitive donor
information and ensure compliance with data protection regulations. This may include
encryption, secure access controls, and regular security audits.
4. User Support and Training: Provide ongoing user support and training to blood bank
staff and administrators to ensure they can effectively use and navigate the system. This
may involve creating user manuals, conducting training sessions, and establishing a
helpdesk or support system.
5. Performance Monitoring: Monitor the system's performance regularly to identify and
resolve any issues or bottlenecks. This includes monitoring database performance, server
resources, and response times to ensure optimal system performance.
6. Scalability and Capacity Planning: Assess the system's scalability and plan for future
growth. Evaluate the system's capacity to handle increasing donor registrations, blood
inventory, and other related data. If necessary, consider upgrading hardware or
implementing load balancing measures.
7. Regular Data Cleansing: Implement processes to regularly clean and update donor
information in the system. This helps maintain accurate and reliable data and avoids
potential issues related to duplicate or outdated records.
8. Integration with External Systems: If the blood bank and donor management system
need to integrate with other systems, such as laboratory information systems or electronic
health records, ensure that the integration is properly maintained and updated as needed.
9. Compliance with Regulations: Stay up to date with relevant regulations and standards
pertaining to blood banking and donor management systems. This includes compliance
with data protection laws, medical regulations, and industry best practices.

31
CHAPTER 8
DATABASE

32
8.1 INTRODUCTION
The database modules for a blood bank and donation system website project
encompass key components such as donor information, recipient information, blood
inventory management, donation scheduling and appointment, testing and screening, donor
recruitment and outreach, reporting and analytics, administrative and user management, and
integration with external systems.
These modules work together to capture and store donor and recipient details, track
available blood units, manage donation appointments, perform necessary tests and
screenings, facilitate donor recruitment efforts, generate reports and analytics, handle user
administration, and enable integration with external systems for seamless data exchange.

Table 1

Table 2

33
Table 3

Table 4

34
 Table 5

Table 6

35
Table 7

36
CHAPTER 9
SNAPSHOTS

37
9.1 HOME INTERFACE

Figure 7. Home Page Part 1

Figure 8. Home Page Part 2

38
Figure 9. Home Page Part 3

Figure 10. Home Page Part 4

39
Figure 11. Home Page part 5

Figure 12. Home Page Part 6

40
9.2 ABOUT US INTERFACE

Figure 13. About Us Page

Figure 14. Contact Us Page

41
9.3 DONOR LIST INTERFACE

Figure 15. Donor List Page Part 1

Figure 16. Donor List Page Part 2

42
9.4 SEARCH DONOR LIST INTERFACE

Figure 17. Search Donor List Page

9.5 USER LOGIN INTERFACE

Figure 18. User Login Page

43
9.6 ADMIN INTERFACE

9.6.1 SIGN-IN INTERFACE

Figure 19. Admin Sign-in Page

9.6.2 DASHBOARD INTERFACE

Figure 20. Admin Dashboard Page

44
9.6.3 ADD BLOOD GROUP INTERFACE

Figure 21. Add Blood Group Page

9.6.4 MANAGE BLOOD GROUP INTERFACE

Figure 22. Manage Blood Group Page

45
9.6.5 DONOR LIST INTERFACE

Figure 23. Donor List Page

46
CHAPTER 10
CONCLUSION

47
 In conclusion, the development this project serves as a significant contribution to
enhancing the accessibility and efficiency of blood donation processes. The website serves
as a platform that connects potential donors with blood banks and facilitates the entire
donation process. First and foremost, the website provides comprehensive information about
the importance of blood donation, the eligibility criteria for donors, and the different types
of blood donations. This educates and raises awareness among individuals, encouraging them
to become regular donors.
The website also includes a user-friendly interface that allows donors to create profiles
and provide relevant personal and medical information. This data is securely stored and used
to match donors with suitable blood banks and recipients based on blood type compatibility
and location. By streamlining the matching process, the website ensures that blood is readily
available to those in need, potentially saving lives.
Additionally, the website incorporates features such as appointment scheduling, reminders,
and notifications to keep donors engaged and facilitate the donation process. It also enables
donors to track their donation history and receive updates on the impact of their contributions,
fostering a sense of fulfilment and motivation to continue donating.
For blood banks, the website acts as a centralized database, providing them with a
streamlined platform to manage and monitor donor information, blood inventory, and
upcoming appointments. This improves operational efficiency and reduces the administrative
burden, allowing blood banks to focus more on providing quality care to patients. Moreover,
the website can incorporate social sharing features, enabling donors to spread the word about
their contributions and encourage others to join the cause. This harnesses the power of social
networks to expand the donor base and create a stronger community of blood donors.
This innovative online platform offers a convenient and efficient way for potential
donors to register, provide essential information, and schedule appointments to donate blood.
By leveraging the power of technology, the website enhances accessibility and outreach,
enabling a wider pool of potential donors to contribute to this critical cause. Furthermore, the
website ensures the safety and confidentiality of donor information, thereby instilling trust
and confidence among users. Overall, the blood and donor website is a significant
advancement in the field of healthcare, facilitating the process of blood donation and
ultimately saving countless lives in the process.

48
 CHAPTER 11
FUTURE SCOPE

49
 The future scope of our project is vast, and there are several potential areas for
expansion and improvement. Here are some possible future directions for the project:
1. Mobile App:
A mobile app could be developed for the blood bank system, allowing donors and
recipients to access the system from their mobile devices. This would increase
accessibility and convenience, and could potentially increase the number of donors and
recipients who use the system.
2. Artificial Intelligence:
The integration of artificial intelligence (AI) could enhance the system's ability to predict
demand for blood and improve the efficiency of the donation process. AI could be used
to analyse historical data on blood demand and donor behaviour, and to make predictions
about future demand.
3. Blockchain:
The use of blockchain technology could enhance the security and transparency of the
blood donation process. A blockchain-based system could be used to track blood
donations from the donor to the recipient, providing an immutable record of the entire
process.
4. Cloud Computing:
Cloud computing could be used to host the blood bank system, allowing for increased
scalability and reliability. Cloud hosting could also reduce the cost of hardware and
maintenance, making the system more cost-effective in the long run.
5. Integration with Healthcare Systems:
The blood bank system could be integrated with healthcare systems such as electronic
health records (EHRs), making it easier for healthcare providers to access patient blood
type and transfusion history.
6. Geographic Expansion:
The blood bank system could be expanded to cover a larger geographic area, potentially
through partnerships with other blood banks or healthcare providers.

50
CHAPTER 12
APPENDICS

51
PROJECT PLANNING
With the help of this below given Gantt Chart we can analyze the working distributed over
time for 15 weeks that were taken to complete this project.

52
 CHAPTER 13
CODING /
IMPLEMENTATION

53
13.1 HOME PAGE CODE

<!DOCTYPE html>
<!-- saved from url=(0051)https://localhost/BBDMS-Project-PHP/bbdms/index.php -->
<html lang="zxx"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-
8">
<title>Blood Bank Donar Management System | Home Page</title>

<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
window.scrollTo(0, 1);
}

</script>
<!--// Meta tag Keywords -->

<!-- Custom-Files -->

<link rel="stylesheet" href="https://localhost/BBDMS-Project-
PHP/bbdms/css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-PHP/bbdms/css/style.css"
type="text/css" media="all">
<!-- Style-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-PHP/bbdms/css/fontawesome-
all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->

<!-- Web-Fonts -->

<link href="https://localhost/BBDMS-Project-PHP/bbdms/index_files/css" rel="stylesheet">
<link href="https://localhost/BBDMS-Project-PHP/bbdms/index_files/css(1)"
rel="stylesheet">
<!-- //Web-Fonts -->

</head>

<body>
<!-- header -->
<header>
<!-- top-bar -->
<div class="top-bar py-3">
<div class="container">
<div class="row">
<div class="col-lg-7 top-social-agile">
<div class="row">
<!-- social icons -->
54
 <ul class="col-lg-4 col-6 top-right-info text-center">
<li>
<a href="https://www.facebook.com/login/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="mx-3">
<a href="https://twitter.com/i/flow/login">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://web.whatsapp.com/">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li class="ml-3">
<a href="https://www.linkedin.com/login">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul> <!-- //social icons -->

</div>
</div>
<div class="col-lg-5 top-social-agile text-lg-right text-center">
<div class="row">
<div class="col-lg-7 col-6 top-w3layouts">
<p class="text-white">
<i class="far fa-envelope-open mr-2"></i>
<a class="text-white"
href="mailto:[email protected]">[email protected]</a>

<a href="mailto:[email protected]" class="text-

white">[email protected]</a>
</p>
</div>
<div class="col-lg-5 col-6 header-w3layouts pl-4 text-lg-left">
<p class="text-white">
<i class="fas fa-phone mr-2"></i>+91 7830455433</p>
<p class="text-white">
<i class="fas fa-phone mr-2"></i>+91 8840401534</p></div>
</div> </div>
</div>
</div>
</div>
</header>
<!-- //top-bar -->

<!-- header 2 -->

55
 <div id="home">
<!-- navigation -->
<div class="main-top py-1">
<nav class="navbar navbar-expand-lg navbar-light fixed-navi">
<div class="container">
<!-- logo -->
<h1>
<a class="navbar-brand font-weight-bold font-italic"
href="https://localhost/BBDMS-Project-PHP/bbdms/index.php">
<span>Blood</span>Link
<i class="fas fa-syringe"></i>
</a>
</h1>
<!-- //logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item active mt-lg-0 mt-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/index.php">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/about.php">About Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact.php">Contact Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/donor-list.php">Donor List</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/search-donor.php">Search Donor</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-
3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/admin/index.php">Admin</a>
</li>
</ul>
<!-- login -->

56
 <a href="https://localhost/BBDMS-Project-PHP/bbdms/login.php" class="login-
button ml-lg-5 mt-lg-0 mt-4 mb-lg-0 mb-3">
<i class="fas fa-sign-in-alt mr-2"></i>Login</a> <!-- //login -->
</div>
</div>
</nav>
</div>
<!-- //navigation -->
<!-- modal -->

<!-- register -->

<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-
hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content modal-content-2">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="login px-4 mx-auto mw-100">
<h5 class="text-center mb-4">Register Now</h5>
<form action="https://localhost/BBDMS-Project-PHP/bbdms/index.php#"
method="post" name="signup" onsubmit="return checkpass();">
<div class="form-group">
<label>Full Name</label>
<input type="text" class="form-control" name="fullname"
id="fullname" placeholder="Full Name">
</div>
<div class="form-group">
<label>Mobile Number</label>
<input type="text" class="form-control" name="mobileno"
id="mobileno" required="true" placeholder="Mobile Number" maxlength="10" pattern="[0-
9]+">
</div>

<div class="form-group">
<label class="mb-2">Email Id</label>
<input type="email" name="emailid" class="form-control"
placeholder="Email Id">
</div>
<div class="form-group">
<label class="mb-2">Age</label>
<input type="text" class="form-control" name="age" id="age"
placeholder="Age" required="">
</div>
<div class="form-group">
<label class="mb-2">Gender</label>
<select name="gender" class="form-control" required="">

57
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div class="form-group">
<label class="mb-2">Blood Group</label>
<select name="bloodgroup" class="form-control" required="">

<option value="A-">A-</option>

<option value="AB-">AB-</option>

<option value="O-">O-</option>

<option value="A-">A-</option>

<option value="A+">A+</option>

<option value="AB+">AB+</option>
</select>
</div>

<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address" id="address"
required="true" placeholder="Address">
</div>
<div class="form-group">
<label>Message</label>
<textarea class="form-control" name="message" required="">
</textarea>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password"
id="password" required="">
</div>

<button type="submit" class="btn btn-primary submit mb-4"

name="submit">Register</button>

</form>
</div>
</div>
</div>
</div>
</div>
<!-- //register -->
<!-- //modal -->
58
</div>
<!-- //header 2 -->
<!-- banner -->
<div class="slider">
<div class="callbacks_container">
<ul class="rslides callbacks callbacks1" id="slider4">
<li>
<div class="banner-top1">
<div class="banner-info_agile_w3ls">
<div class="container">
<h3>Blood bank services that you
<span>can trust</span>
</h3>

</div>
</div>
</div>
</li>
<li>
<div class="banner-top2">
<div class="banner-info_agile_w3ls">
<div class="container">
<h3>One Blood Donation Save three Lives
<span>every day</span>
</h3>

</div>
</div>
</div>
</li>
<li>
<div class="banner-top3">
<div class="banner-info_agile_w3ls">
<div class="container">
<!-- <h3>"Sometimes money cannot save life
<span>but donated blood can</span>
</h3> -->

</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- //banner -->
<div class="clearfix"></div>

<!-- banner bottom -->

<div class="banner-bottom py-5">
59
 <div class="d-flex container py-xl-3 py-lg-3">
<div class="banner-left-bottom-w3ls offset-lg-2 offset-md-1">
<h3 class="text-white my-3" style="text-align:center">High professional
doctors</h3>
<p>all specialists have extensive practical experience and regularly training courses in
educational centers of the
world</p>
</div>
<div class="button">
<a href="https://localhost/BBDMS-Project-PHP/bbdms/about.php" class="w3ls-
button-agile">Read More
<i class="fas fa-hand-point-right"></i>
</a>
</div>
</div>
</div>
<!-- //banner bottom -->
<!-- blog -->
<div class="blog-w3ls py-5" id="blog">
<div class="container py-xl-5 py-lg-3">
<div class="w3ls-titles text-center mb-5">
<h3 class="title text-white">Some of the Donar</h3>
<span>
<i class="fas fa-user-md text-white"></i>
</span>
</div>
<div class="row package-grids mt-5">
<div class="col-md-4 pricing" style="margin-top:2%;">

<div class="price-top">

<img src="https://localhost/BBDMS-Project-PHP/bbdms/images/blood-
donor.jpg" alt="" class="img-fluid">

<h3>Alok Gupta </h3>

</div>
<div class="price-bottom p-4">
<h4 class="text-dark mb-3">Gender: Male</h4>
<p class="card-text"><b>Blood Group :</b> A+</p>

<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-

Project-PHP/bbdms/contact-blood.php?cid=9">Request</a>
</div>
</div> <div class="col-md-4 pricing" style="margin-top:2%;">

<div class="price-top">

<img src="https://localhost/BBDMS-Project-PHP/bbdms/images/blood-
donor.jpg" alt="" class="img-fluid">

60
 <h3>Soumyadeb </h3>
</div>
<div class="price-bottom p-4">
<h4 class="text-dark mb-3">Gender: Male</h4>
<p class="card-text"><b>Blood Group :</b> A-</p>

<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-

Project-PHP/bbdms/contact-blood.php?cid=14">Request</a>
</div>
</div> <div class="col-md-4 pricing" style="margin-top:2%;">

<div class="price-top">

<img src="https://localhost/BBDMS-Project-PHP/bbdms/images/blood-
donor.jpg" alt="" class="img-fluid">

<h3>Ashu Misra </h3>

</div>
<div class="price-bottom p-4">
<h4 class="text-dark mb-3">Gender: Male</h4>
<p class="card-text"><b>Blood Group :</b> O-</p>

<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-

Project-PHP/bbdms/contact-blood.php?cid=6">Request</a>
</div>
</div> <div class="col-md-4 pricing" style="margin-top:2%;">

<div class="price-top">

<img src="https://localhost/BBDMS-Project-PHP/bbdms/images/blood-
donor.jpg" alt="" class="img-fluid">

<h3>Anuj kumar </h3>

</div>
<div class="price-bottom p-4">
<h4 class="text-dark mb-3">Gender: Male</h4>
<p class="card-text"><b>Blood Group :</b> A-</p>

<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-

Project-PHP/bbdms/contact-blood.php?cid=12">Request</a>
</div>
</div> <div class="col-md-4 pricing" style="margin-top:2%;">

<div class="price-top">

<img src="https://localhost/BBDMS-Project-PHP/bbdms/images/blood-
donor.jpg" alt="" class="img-fluid">

<h3>Udit Kori</h3>
</div>
61
 <div class="price-bottom p-4">
<h4 class="text-dark mb-3">Gender: Male</h4>
<p class="card-text"><b>Blood Group :</b> A+</p>

<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-

Project-PHP/bbdms/contact-blood.php?cid=10">Request</a>
</div>
</div> <div class="col-md-4 pricing" style="margin-top:2%;">

<div class="price-top">

<img src="https://localhost/BBDMS-Project-PHP/bbdms/images/blood-
donor.jpg" alt="" class="img-fluid">

<h3>Amit Kumar </h3>

</div>
<div class="price-bottom p-4">
<h4 class="text-dark mb-3">Gender: Male</h4>
<p class="card-text"><b>Blood Group :</b> AB+</p>

<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-

Project-PHP/bbdms/contact-blood.php?cid=11">Request</a>
</div>
</div>

</div>
</div>
</div>
<!-- //blog -->

<!-- treatments -->

<div class="screen-w3ls py-5">
<div class="container py-xl-5 py-lg-3">
<div class="w3ls-titles text-center mb-5">
<h3 class="title">BLOOD GROUPS</h3>
<span>
<i class="fas fa-user-md"></i>
</span>
<p class="mt-2">Blood group of any human being will mainly fall in any one of the
following groups..</p>
</div>
<div class="row">
<div class="col-lg-6">

<ul>

<li>A positive or A negative</li>

<li>B positive or B negative</li>
<li>O positive or O negative</li>
62
<li>AB positive or AB negative.</li>
</ul>
<p>A healthy diet helps ensure a successful blood donation, and also makes you feel
better! Check out the following recommended foods to eat prior to your donation.</p>
</div>
<div class="col-lg-6">
<img class="img-fluid rounded" src="https://localhost/BBDMS-Project-
PHP/bbdms/images/blood-donor%20(1).jpg" alt="">
</div>
</div>

<div class="row mb-4">

<div class="col-md-8">
<h4 style="padding-top: 30px;">UNIVERSAL DONORS AND RECIPIENTS</h4>
<p>
The most common blood type is O, followed by type A.

Type O individuals are often called "universal donors" since their blood can be transfused into
persons with any blood type. Those with type AB blood are called "universal recipients"
because they can receive blood of any type.</p>
</div>
<div class="col-md-4" style="padding-top: 30px;">

<a class="btn btn-lg btn-secondary btn-block login-button ml-lg-5 mt-lg-0 mt-4 mb-
lg-0 mb-3" data-toggle="modal" data-target="#exampleModalCenter1"
href="https://localhost/BBDMS-Project-PHP/bbdms/index.php#"> Become a Donar</a>
</div>
</div>
</div>
</div>
<!-- //treatments -->

<!-- footer -->

<footer>
<div class="w3ls-footer-grids pt-sm-4 pt-3">
<div class="container py-xl-5 py-lg-3">
<div class="row">
<div class="col-md-4 w3l-footer">
<h2 class="mb-sm-3 mb-2">
<a href="https://localhost/BBDMS-Project-PHP/bbdms/index.php" class="text-white
font-italic font-weight-bold">
<span>Blood</span>Link
<i class="fas fa-syringe ml-2"></i>
</a>
</h2>
<p>We provide a centralized and accessible resource where people can find information
about the blood related services, including the process of donating blood, the eligibility criteria
for donors and as well as recipients.</p>
</div>
<div class="col-md-4 w3l-footer my-md-0 my-4">

63
 <h3 class="mb-sm-3 mb-2 text-white">Address</h3>
<p>S.C.R.I.E.T, C.C.S University Campus, Meerut, Uttar Pradesh 250001, India</p>
<ul class="list-unstyled">
</ul></div></div></div></div></footer></body></html>

13.2 ABOUT US PAGE CODE

<!DOCTYPE html>
<!-- saved from url=(0051)https://localhost/BBDMS-Project-PHP/bbdms/about.php -->
<html lang="zxx"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-
8">
<title>Blood Bank Donar Management System | About Us </title>
<!-- Meta tag Keywords -->

<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->

<!-- Custom-Files -->

<link rel="stylesheet" href="https://localhost/BBDMS-Project-
PHP/bbdms/css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-PHP/bbdms/css/style.css"
type="text/css" media="all">
<!-- Style-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-PHP/bbdms/css/fontawesome-
all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->

<!-- Web-Fonts -->

<link href="https://localhost/BBDMS-Project-PHP/bbdms/about_files/css" rel="stylesheet">
<link href="https://localhost/BBDMS-Project-PHP/bbdms/about_files/css(1)"
rel="stylesheet">
<!-- //Web-Fonts -->

</head>

<body>
<!-- header -->
<header>
<!-- top-bar -->
<div class="top-bar py-3">
64
 <div class="container">
<div class="row">
<div class="col-lg-7 top-social-agile">
<div class="row">
<!-- social icons -->
<ul class="col-lg-4 col-6 top-right-info text-center">
<li>
<a href="https://www.facebook.com/login/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="mx-3">
<a href="https://twitter.com/i/flow/login">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://web.whatsapp.com/">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li class="ml-3">
<a href="https://www.linkedin.com/login">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul> <!-- //social icons -->

</div>
</div>
<div class="col-lg-5 top-social-agile text-lg-right text-center">
<div class="row">
<div class="col-lg-7 col-6 top-w3layouts">
<p class="text-white">
<i class="far fa-envelope-open mr-2"></i>
<a class="text-white"
href="mailto:[email protected]">[email protected]</a>

<a href="mailto:[email protected]" class="text-

white">[email protected]</a>
</p>
</div>
<div class="col-lg-5 col-6 header-w3layouts pl-4 text-lg-left">
<p class="text-white">
<i class="fas fa-phone mr-2"></i>+91 7830455433</p>
<p class="text-white">
<i class="fas fa-phone mr-2"></i>+91 8840401534</p></div>
</div> </div>
</div>
</div>
65
 </div>
</header>
<!-- //top-bar -->

<!-- header 2 -->

<div id="home">
<!-- navigation -->
<div class="main-top py-1">
<nav class="navbar navbar-expand-lg navbar-light fixed-navi">
<div class="container">
<!-- logo -->
<h1>
<a class="navbar-brand font-weight-bold font-italic"
href="https://localhost/BBDMS-Project-PHP/bbdms/index.php">
<span>Blood</span>Link
<i class="fas fa-syringe"></i>
</a>
</h1>
<!-- //logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item active mt-lg-0 mt-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/index.php">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/about.php">About Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact.php">Contact Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/donor-list.php">Donor List</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/search-donor.php">Search Donor</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-
3">

66
 <a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/admin/index.php">Admin</a>
</li>
</ul>
<!-- login -->
<a href="https://localhost/BBDMS-Project-PHP/bbdms/login.php" class="login-
button ml-lg-5 mt-lg-0 mt-4 mb-lg-0 mb-3">
<i class="fas fa-sign-in-alt mr-2"></i>Login</a> <!-- //login -->
</div>
</div>
</nav>
</div>
<!-- //navigation -->
<!-- modal -->

<!-- register -->

<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-
hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content modal-content-2">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="login px-4 mx-auto mw-100">
<h5 class="text-center mb-4">Register Now</h5>
<form action="https://localhost/BBDMS-Project-PHP/bbdms/about.php#"
method="post" name="signup" onsubmit="return checkpass();">
<div class="form-group">
<label>Full Name</label>
<input type="text" class="form-control" name="fullname"
id="fullname" placeholder="Full Name">
</div>
<div class="form-group">
<label>Mobile Number</label>
<input type="text" class="form-control" name="mobileno"
id="mobileno" required="true" placeholder="Mobile Number" maxlength="10" pattern="[0-
9]+">
</div>

<div class="form-group">
<label class="mb-2">Email Id</label>
<input type="email" name="emailid" class="form-control"
placeholder="Email Id">
</div>
<div class="form-group">
<label class="mb-2">Age</label>

67
 <input type="text" class="form-control" name="age" id="age"
placeholder="Age" required="">
</div>
<div class="form-group">
<label class="mb-2">Gender</label>
<select name="gender" class="form-control" required="">
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div class="form-group">
<label class="mb-2">Blood Group</label>
<select name="bloodgroup" class="form-control" required="">

<option value="A-">A-</option>

<option value="AB-">AB-</option>

<option value="O-">O-</option>

<option value="A-">A-</option>

<option value="A+">A+</option>

<option value="AB+">AB+</option>
</select>
</div>

<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address" id="address"
required="true" placeholder="Address">
</div>
<div class="form-group">
<label>Message</label>
<textarea class="form-control" name="message" required="">
</textarea>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password"
id="password" required="">
</div>

<button type="submit" class="btn btn-primary submit mb-4"

name="submit">Register</button>

</form>
</div>
68
 </div>
</div>
</div>
</div>
<!-- //register -->
<!-- //modal -->
</div>
<!-- //header 2 -->
<!-- banner 2 -->
<div class="inner-banner-w3ls">
<div class="container">

</div>
<!-- //banner 2 -->
</div>
<!-- page details -->
<div class="breadcrumb-agile">
<div aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="https://localhost/BBDMS-Project-PHP/bbdms/index.php">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">About Us</li>
</ol>
</div>
</div>
<!-- //page details -->

<!-- about -->

<section class="about py-5">
<div class="container py-xl-5 py-lg-3">
<div class="w3ls-titles text-center mb-md-5 mb-4">
<h3 class="title">About Us </h3>
<span>
<i class="fas fa-user-md"></i>
</span>
</div>
<p class="aboutpara text-center mx-auto"></p><div style="text-align: justify;"><span
style="font-size: 1em; color: rgb(0, 0, 0); font-family: &quot;Open Sans&quot;, Arial, sans-
serif;">Welcome to BloodLink, your trusted source for safe and reliable blood requests and
donations. Our mission is to ensure a sufficient supply of blood and blood products for patients
in need while maintaining the highest standards of safety and quality.

Established in 2023, we work closely with hospitals, healthcare providers, and donors to bridge
the gap between those requiring blood transfusions and those willing to
donate.</span><br><span style="font-size: 1em; color: rgb(0, 0, 0); font-family: &quot;Open
Sans&quot;, Arial, sans-serif;"> Thank you for considering becoming a donor and for visiting
our website. We appreciate your support in our mission to save lives, one donation at a time.
Join us today and be a hero in someone's life.</span></div><p></p>

69
 </div>
</section>
<!-- //about -->

<footer>
<div class="w3ls-footer-grids pt-sm-4 pt-3">
<div class="container py-xl-5 py-lg-3">
<div class="row">
<div class="col-md-4 w3l-footer">
<h2 class="mb-sm-3 mb-2">
<a href="https://localhost/BBDMS-Project-PHP/bbdms/index.php" class="text-white
font-italic font-weight-bold">
<span>Blood Bank &amp; </span>Donor Management System
<i class="fas fa-syringe ml-2"></i>
</a>
</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem
aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.</p>
</div>
<div class="col-md-4 w3l-footer my-md-0 my-4">
<h3 class="mb-sm-3 mb-2 text-white">Address</h3>
<ul class="list-unstyled">
</ul></div></div></div></div></footer></body></html>

13.3 CONTACT US PAGE CODE

<!DOCTYPE html>
<!-- saved from url=(0053)https://localhost/BBDMS-Project-PHP/bbdms/contact.php -->
<html lang="zxx"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-
8">
<title>Blood Bank Donar Management System | Contact Us </title>
<!-- Meta tag Keywords -->

<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->

<!-- Custom-Files -->

70
 <link rel="stylesheet" href="https://localhost/BBDMS-Project-
PHP/bbdms/css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-PHP/bbdms/css/style.css"
type="text/css" media="all">
<!-- Style-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-PHP/bbdms/css/fontawesome-
all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->

<!-- Web-Fonts -->

<link href="https://localhost/BBDMS-Project-PHP/bbdms/contact_files/css"
rel="stylesheet">
<link href="https://localhost/BBDMS-Project-PHP/bbdms/contact_files/css(1)"
rel="stylesheet">
<!-- //Web-Fonts -->

</head>

<body>
<!-- header -->
<header>
<!-- top-bar -->
<div class="top-bar py-3">
<div class="container">
<div class="row">
<ul class="col-lg-4 col-6 top-right-info text-center">
<li>
<a href="https://www.facebook.com/login/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="mx-3">
<a href="https://twitter.com/i/flow/login">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://web.whatsapp.com/">
<i class="fab fa-whatsapp"></i>
</a>
</li>
<li class="ml-3">
<a href="https://www.linkedin.com/login">
<i class="fab fa-linkedin"></i>
</a>
</li>
</ul>
<div class="col-lg-5 top-social-agile text-lg-right text-center">
71
 <div class="row">
<div class="col-lg-7 col-6 top-w3layouts">
<p class="text-white">
<i class="far fa-envelope-open mr-2"></i>
<a href="mailto:[email protected]" class="text-
white">[email protected]</a>
<a href="mailto:[email protected]" class="text-
white">[email protected]</a></p>
</div>
<div class="col-lg-5 col-6 header-w3layouts pl-4 text-lg-left">
<p class="text-white">
<i class="fas fa-phone mr-2"></i>+91 7830455433</p>
<p class="text-white">
<i class="fas fa-phone mr-2"></i>+91 8840401534</p></div>
</div> </div>
</div>
</div>
</div>
</header>
<!-- //top-bar -->

<!-- header 2 -->

<div id="home">
<!-- navigation -->
<div class="main-top py-1">
<nav class="navbar navbar-expand-lg navbar-light fixed-navi">
<div class="container">
<!-- logo -->
<h1>
<a class="navbar-brand font-weight-bold font-italic"
href="https://localhost/BBDMS-Project-PHP/bbdms/index.php">
<span>Blood</span>Link
<i class="fas fa-syringe"></i>
</a>
</h1>
<!-- //logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item active mt-lg-0 mt-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/index.php">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
72
 <a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/about.php">About Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact.php">Contact Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/donor-list.php">Donor List</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/search-donor.php">Search Donor</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-
3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/admin/index.php">Admin</a>
</li>
</ul>
<!-- login -->
<a href="https://localhost/BBDMS-Project-PHP/bbdms/login.php" class="login-
button ml-lg-5 mt-lg-0 mt-4 mb-lg-0 mb-3">
<i class="fas fa-sign-in-alt mr-2"></i>Login</a> <!-- //login -->
</div>
</div>
</nav>
</div>
<!-- //navigation -->
<!-- modal -->

<!-- register -->

<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-
hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content modal-content-2">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="login px-4 mx-auto mw-100">
<h5 class="text-center mb-4">Register Now</h5>
<form action="https://localhost/BBDMS-Project-PHP/bbdms/contact.php#"
method="post" name="signup" onsubmit="return checkpass();">
<div class="form-group">
<label>Full Name</label>

73
 <input type="text" class="form-control" name="fullname"
id="fullname" placeholder="Full Name">
</div>
<div class="form-group">
<label>Mobile Number</label>
<input type="text" class="form-control" name="mobileno"
id="mobileno" required="true" placeholder="Mobile Number" maxlength="10" pattern="[0-
9]+">
</div>

<div class="form-group">
<label class="mb-2">Email Id</label>
<input type="email" name="emailid" class="form-control"
placeholder="Email Id">
</div>
<div class="form-group">
<label class="mb-2">Age</label>
<input type="text" class="form-control" name="age" id="age"
placeholder="Age" required="">
</div>
<div class="form-group">
<label class="mb-2">Gender</label>
<select name="gender" class="form-control" required="">
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div class="form-group">
<label class="mb-2">Blood Group</label>
<select name="bloodgroup" class="form-control" required="">

<option value="A-">A-</option>

<option value="AB-">AB-</option>

<option value="O-">O-</option>

<option value="A-">A-</option>

<option value="A+">A+</option>

<option value="AB+">AB+</option>
</select>
</div>

<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address" id="address"
required="true" placeholder="Address">
74
 </div>
<div class="form-group">
<label>Message</label>
<textarea class="form-control" name="message" required="">
</textarea>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password"
id="password" required="">
</div>

<button type="submit" class="btn btn-primary submit mb-4"

name="submit">Register</button>

</form>
</div>
</div>
</div>
</div>
</div>
<!-- //register -->
<!-- //modal -->
</div>
<!-- //header 2 -->
<!-- banner 2 -->
<div class="inner-banner-w3ls">
<div class="container">

</div>
<!-- //banner 2 -->
</div>
<!-- page details -->
<div class="breadcrumb-agile">
<div aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="https://localhost/BBDMS-Project-PHP/bbdms/index.php">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Contact Us</li>
</ol>
</div>
</div>
<!-- //page details -->

<!-- contact -->

<div class="agileits-contact py-5">
<div class="py-xl-5 py-lg-3">
<div class="w3ls-titles text-center mb-5">
<h3 class="title">Contact Us</h3>
75
 <span>
<i class="fas fa-user-md"></i>
</span>
<p class="mt-2">For any inquiries or assistance, feel free to reach out to us. We are
here to help!</p>
</div>
<div class="d-flex">
<div class="col-lg-5 w3_agileits-contact-left">
</div>
<div class="col-lg-7 contact-right-w3l">
<h5 class="title-w3 text-center mb-5">Get In Touch</h5>
<form action="https://localhost/BBDMS-Project-PHP/bbdms/contact.php#"
method="post">
<div class="d-flex space-d-flex">
<div class="form-group grid-inputs">
<input type="text" class="form-control" id="name" name="fullname"
placeholder="Please enter your name.">
</div>
<div class="form-group grid-inputs">
<input type="tel" class="form-control" id="phone" name="contactno"
placeholder="Please enter your phone number.">
</div>
</div>
<div class="form-group">
<input type="email" class="form-control" id="email" name="email"
required="" placeholder="Please enter your email address.">
</div>

<div class="form-group">
<textarea rows="10" cols="100" class="form-control" id="message"
name="message" placeholder="Please enter your message" maxlength="999"
style="resize:none"></textarea>
</div>
<div class="form-group">
<input type="submit" value="Send Message" name="send">
</div>
</form>
</div>
</div>
</div>
</div>
<!-- //contact -->
<footer>
<div class="w3ls-footer-grids pt-sm-4 pt-3">
<div class="container py-xl-5 py-lg-3">
<div class="row">
<div class="col-md-4 w3l-footer">
<h2 class="mb-sm-3 mb-2">

76
 <a href="https://localhost/BBDMS-Project-PHP/bbdms/index.php" class="text-white
font-italic font-weight-bold">
<span>Blood Bank &amp; </span>Donor Management System
<i class="fas fa-syringe ml-2"></i>
</a>
</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem
aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.</p>
</div>
<div class="col-md-4 w3l-footer my-md-0 my-4">
<h3 class="mb-sm-3 mb-2 text-white">Address</h3>
<ul class="list-unstyled">
</ul></div></div></div></div></footer></body></html>

13.4 DONOR LIST PAGE CODE

<!DOCTYPE html>
<!-- saved from url=(0056)https://localhost/BBDMS-Project-PHP/bbdms/donor-list.php -->
<html lang="zxx"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-
8">
<title>Blood Bank Donar Management System | Blood Donor List </title>
<!-- Meta tag Keywords -->

<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->

<!-- Custom-Files -->

<link rel="stylesheet" href="https://localhost/BBDMS-Project-
PHP/bbdms/css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-PHP/bbdms/css/style.css"
type="text/css" media="all">
<!-- Style-CSS -->
<link rel="stylesheet" href="https://localhost/BBDMS-Project-
PHP/bbdms/css/fontawesome-all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->

<!-- Web-Fonts -->

77
 <link href="https://localhost/BBDMS-Project-PHP/bbdms/donor-list_files/css"
rel="stylesheet">
<link href="https://localhost/BBDMS-Project-PHP/bbdms/donor-list_files/css(1)"
rel="stylesheet">
<!-- //Web-Fonts -->

</head>

<body>
<!-- header -->
<header>
<!-- top-bar -->
<div class="top-bar py-3">
<div class="container">
<div class="row">
<div class="col-lg-7 top-social-agile">
<div class="row">
<!-- social icons -->
<ul class="col-lg-4 col-6 top-right-info text-center">
<li>
<a href="https://www.facebook.com/login/">
<i class="fab fa-facebook-f"></i>
</a>
</li>
<li class="mx-3">
<a href="https://twitter.com/i/flow/login">
<i class="fab fa-twitter"></i>
</a>
</li>
<li>
<a href="https://localhost/BBDMS-Project-PHP/bbdms/donor-
list.php#">
<i class="fab fa-google-plus-g"></i>
</a>
</li>
<li class="ml-3">
<a href="https://localhost/BBDMS-Project-PHP/bbdms/donor-
list.php#">
<i class="fab fa-pinterest-p"></i>
</a>
</li>
</ul> <!-- //social icons -->
<div class="col-6 header-top_w3layouts pl-3 text-lg-left text-center">
<p class="text-white">
<i class="fas fa-map-marker-alt mr-2"></i>Test Demo test demo

</p>
</div>
</div>
</div>
78
 <div class="col-lg-5 top-social-agile text-lg-right text-center">
<div class="row">
<div class="col-lg-7 col-6 top-w3layouts">
<p class="text-white">
<i class="far fa-envelope-open mr-2"></i>
<a href="mailto:[email protected]" class="text-
white">[email protected]</a>
</p>
</div>
<div class="col-lg-5 col-6 header-w3layouts pl-4 text-lg-left">
<p class="text-white">
<i class="fas fa-phone mr-2"></i>+8585233222</p>
</div>
</div> </div>
</div>
</div>
</div>
</header>
<!-- //top-bar -->

<!-- header 2 -->

<div id="home">
<!-- navigation -->
<div class="main-top py-1">
<nav class="navbar navbar-expand-lg navbar-light fixed-navi">
<div class="container">
<!-- logo -->
<h1>
<a class="navbar-brand font-weight-bold font-italic"
href="https://localhost/BBDMS-Project-PHP/bbdms/index.php">
<span>Blood</span>Link
<i class="fas fa-syringe"></i>
</a>
</h1>
<!-- //logo -->
<button class="navbar-toggler" type="button" data-toggle="collapse" data-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbarSupportedContent">
<ul class="navbar-nav ml-lg-auto">
<li class="nav-item active mt-lg-0 mt-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/index.php">Home
<span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">

79
 <a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/about.php">About Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact.php">Contact Us</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/donor-list.php">Donor List</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/search-donor.php">Search Donor</a>
</li>
<li class="nav-item mx-lg-4 my-lg-0 my-
3">
<a class="nav-link" href="https://localhost/BBDMS-Project-
PHP/bbdms/admin/index.php">Admin</a>
</li>
</ul>
<!-- login -->
<a href="https://localhost/BBDMS-Project-PHP/bbdms/login.php" class="login-
button ml-lg-5 mt-lg-0 mt-4 mb-lg-0 mb-3">
<i class="fas fa-sign-in-alt mr-2"></i>Login</a> <!-- //login -->
</div>
</div>
</nav>
</div>
<!-- //navigation -->
<!-- modal -->

<!-- register -->

<div class="modal fade" id="exampleModalCenter2" tabindex="-1" role="dialog" aria-
hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content modal-content-2">
<div class="modal-header text-center">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<div class="login px-4 mx-auto mw-100">
<h5 class="text-center mb-4">Register Now</h5>
<form action="https://localhost/BBDMS-Project-PHP/bbdms/donor-list.php#"
method="post" name="signup" onsubmit="return checkpass();">
<div class="form-group">
<label>Full Name</label>

80
 <input type="text" class="form-control" name="fullname"
id="fullname" placeholder="Full Name">
</div>
<div class="form-group">
<label>Mobile Number</label>
<input type="text" class="form-control" name="mobileno"
id="mobileno" required="true" placeholder="Mobile Number" maxlength="10" pattern="[0-
9]+">
</div>

<div class="form-group">
<label class="mb-2">Email Id</label>
<input type="email" name="emailid" class="form-control"
placeholder="Email Id">
</div>
<div class="form-group">
<label class="mb-2">Age</label>
<input type="text" class="form-control" name="age" id="age"
placeholder="Age" required="">
</div>
<div class="form-group">
<label class="mb-2">Gender</label>
<select name="gender" class="form-control" required="">
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div class="form-group">
<label class="mb-2">Blood Group</label>
<select name="bloodgroup" class="form-control" required="">

<option value="A-">A-</option>

<option value="AB-">AB-</option>

<option value="O-">O-</option>

<option value="A-">A-</option>

<option value="A+">A+</option>

<option value="AB+">AB+</option>
</select>
</div>

<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address" id="address"
required="true" placeholder="Address">
81
 </div>
<div class="form-group">
<label>Message</label>
<textarea class="form-control" name="message" required="">
</textarea>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password"
id="password" required="">
</div>

<button type="submit" class="btn btn-primary submit mb-4"

name="submit">Register</button>

</form>
</div>
</div>
</div>
</div>
</div>
<!-- //register -->
<!-- //modal -->
</div>
<!-- //header 2 -->
<!-- banner 2 -->
<div class="inner-banner-w3ls">
<div class="container">

</div>
<!-- //banner 2 -->
</div>
<!-- page details -->
<div class="breadcrumb-agile">
<div aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="https://localhost/BBDMS-Project-
PHP/bbdms/index.php">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Blood
Donar List</li>
</ol>
</div>
</div>
<!-- //page details -->

<!-- contact -->

<div class="agileits-contact py-5">
<div class="py-xl-5 py-lg-3">
82
 <div class="w3ls-titles text-center mb-5">
<h3 class="title">Blood Donor List</h3>
<span>
<i class="fas fa-user-md"></i>
</span>
<p class="mt-2">Discover a network of heroes on BloodLink by
exploring the blood donor list page, where you can find courageous individuals who selflessly
donate blood to help those in need.</p>
</div>
<div class="d-flex">

<div class="row package-grids mt-5" style="padding-left: 50px;">

<div class="col-md-4 pricing">

<div class="price-top">

<img src="https://localhost/BBDMS-
Project-PHP/bbdms/images/blood-donor.jpg" alt="Blood Donot" style="border:1px #000 solid"
class="img-fluid">

<h3>Ashu Misra
</h3>
</div>
<div class="price-bottom p-4">

<table class="table table-bordered">

<tbody>
<tr>
<th>Gender</th>
<td>Male</td>
</tr>
<tr>
<td>Blood Group</td>
<td>O-</td>
</tr>
<tr>
<td>Mobile No.</td>
<td>7797987981</td>
</tr>

<tr>
<td>Email ID</td>
<td>[email protected]</td>
</tr>

<tr>
<td>Age</td>
83
 <td>35</td>
</tr>

<tr>
<td>Address</td>
<td>H-900, Ravinderpuri colony, Varanasi</td>
</tr>

<tr>
<td>Message</td>
<td> Call me if blood require</td>
</tr>

</tbody>
</table>
<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact-blood.php?cid=6">Request</a>
</div>
</div><br>
<div class="col-md-4 pricing">

<div class="price-top">

<img src="https://localhost/BBDMS-
Project-PHP/bbdms/images/blood-donor.jpg" alt="Blood Donot" style="border:1px #000 solid"
class="img-fluid">

<h3>Indresh Sahu
</h3>
</div>
<div class="price-bottom p-4">

<table class="table table-bordered">

<tbody>
<tr>
<th>Gender</th>
<td>Male</td>
</tr>
<tr>
<td>Blood Group</td>
<td>A+</td>
</tr>
<tr>
<td>Mobile No.</td>
<td>9789797979</td>
</tr>

<tr>
84
 <td>Email ID</td>
<td>[email protected]</td>
</tr>

<tr>
<td>Age</td>
<td>56</td>
</tr>

<tr>
<td>Address</td>
<td>Allahabad</td>
</tr>

<tr>
<td>Message</td>
<td>A+ blood available</td>
</tr>

</tbody>
</table>
<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact-blood.php?cid=9">Request</a>
</div>
</div><br>
<div class="col-md-4 pricing">

<div class="price-top">

<img src="https://localhost/BBDMS-
Project-PHP/bbdms/images/blood-donor.jpg" alt="Blood Donot" style="border:1px #000 solid"
class="img-fluid">

<h3>Vaibhav Singh
</h3>
</div>
<div class="price-bottom p-4">

<table class="table table-bordered">

<tbody>
<tr>
<th>Gender</th>
<td>Male</td>
</tr>
<tr>
<td>Blood Group</td>
<td>O-</td>
</tr>
85
 <tr>
<td>Mobile No.</td>
<td>7897324151</td>
</tr>

<tr>
<td>Email ID</td>
<td>[email protected]</td>
</tr>

<tr>
<td>Age</td>
<td>25</td>
</tr>

<tr>
<td>Address</td>
<td>Sarojini Nagar, New Delhi</td>
</tr>

<tr>
<td>Message</td>
<td> NA</td>
</tr>

</tbody>
</table>
<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact-blood.php?cid=10">Request</a>
</div>
</div><br>
<div class="col-md-4 pricing">

<div class="price-top">

<img src="https://localhost/BBDMS-
Project-PHP/bbdms/images/blood-donor.jpg" alt="Blood Donot" style="border:1px #000 solid"
class="img-fluid">

<h3>Amit Kumar
</h3>
</div>
<div class="price-bottom p-4">

<table class="table table-bordered">

<tbody>
<tr>
<th>Gender</th>
86
 <td>Male</td>
</tr>
<tr>
<td>Blood Group</td>
<td>AB+</td>
</tr>
<tr>
<td>Mobile No.</td>
<td>8940623545</td>
</tr>

<tr>
<td>Email ID</td>
<td>[email protected]</td>
</tr>

<tr>
<td>Age</td>
<td>26</td>
</tr>

<tr>
<td>Address</td>
<td>30th Street Sector 20 Noida UP</td>
</tr>

<tr>
<td>Message</td>
<td> NA</td>
</tr>

</tbody>
</table>
<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact-blood.php?cid=11">Request</a>
</div>
</div><br>
<div class="col-md-4 pricing">

<div class="price-top">

<img src="https://localhost/BBDMS-
Project-PHP/bbdms/images/blood-donor.jpg" alt="Blood Donot" style="border:1px #000 solid"
class="img-fluid">

<h3>Anuj kumar
</h3>
</div>
<div class="price-bottom p-4">

87
<table class="table table-bordered">

<tbody>
<tr>
<th>Gender</th>
<td>Male</td>
</tr>
<tr>
<td>Blood Group</td>
<td>O+</td>
</tr>
<tr>
<td>Mobile No.</td>
<td>9780554655</td>
</tr>

<tr>
<td>Email ID</td>
<td>[email protected]</td>
</tr>

<tr>
<td>Age</td>
<td>30</td>
</tr>

<tr>
<td>Address</td>
<td>NA</td>
</tr>

<tr>
<td>Message</td>
<td> If emergency, feel free to contact</td>
</tr>

</tbody>
</table>
<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact-blood.php?cid=12">Request</a>
</div>
</div><br>
<div class="col-md-4 pricing">

<div class="price-top">

<img src="https://localhost/BBDMS-
Project-PHP/bbdms/images/blood-donor.jpg" alt="Blood Donot" style="border:1px #000 solid"
class="img-fluid">
88
 <h3>Soumyadeb
</h3>
</div>
<div class="price-bottom p-4">

<table class="table table-bordered">

<tbody>
<tr>
<th>Gender</th>
<td>Male</td>
</tr>
<tr>
<td>Blood Group</td>
<td>A-</td>
</tr>
<tr>
<td>Mobile No.</td>
<td>8840401534</td>
</tr>

<tr>
<td>Email ID</td>
<td>[email protected]</td>
</tr>

<tr>
<td>Age</td>
<td>22</td>
</tr>

<tr>
<td>Address</td>
<td>2/197, Akanksha Parisar, Lucknow</td>
</tr>

<tr>
<td>Message</td>
<td>NA</td>
</tr>

</tbody>
</table>
<a class="btn btn-primary" style="color:#fff" href="https://localhost/BBDMS-Project-
PHP/bbdms/contact-blood.php?cid=14">Request</a>
</div>
</div><br>

89
 </div>
</div>
</div>
</div>
<!-- //contact -->

<footer>
<div class="w3ls-footer-grids pt-sm-4 pt-3">
<div class="container py-xl-5 py-lg-3">
<div class="row">
<div class="col-md-4 w3l-footer">
<h2 class="mb-sm-3 mb-2">
<a href="https://localhost/BBDMS-Project-PHP/bbdms/index.php" class="text-white
font-italic font-weight-bold">
<span>Blood Bank &amp; </span>Donor Management System
<i class="fas fa-syringe ml-2"></i>
</a>
</h2>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium
doloremque laudantium, totam rem
aperiam,
eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt
explicabo.</p>
</div>
<div class="col-md-4 w3l-footer my-md-0 my-4">
<h3 class="mb-sm-3 mb-2 text-white">Address</h3>
<ul class="list-unstyled">
</ul></div></div></div></div></footer></body></html>

13.5 SEARCH DONOR PAGE CODE

<?php
//error_reporting(0);
include('includes/config.php');
?>

<!DOCTYPE html>
<html lang="zxx">

<head>
<title>Blood Bank Donar Management System | Blood Donor List </title>
<!-- Meta tag Keywords -->

<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
90
 }, false);

function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->

<!-- Custom-Files -->

<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="css/fontawesome-all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->

<!-- Web-Fonts -->

<link
href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,
800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<link
href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp
;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->

</head>

<body>
<?php include('includes/header.php');?>

<!-- banner 2 -->

<div class="inner-banner-w3ls">
<div class="container">

</div>
<!-- //banner 2 -->
</div>
<!-- page details -->
<div class="breadcrumb-agile">
<div aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
<a href="index.php">Home</a>
</li>
<li class="breadcrumb-item active" aria-current="page">Blood
Donar List</li>
</ol>
91
 </div>
</div>
<!-- //page details -->

<!-- contact -->

<div class="agileits-contact py-5">
<div class="py-xl-5 py-lg-3">
<form name="donar" method="post" style="padding-left: 30px;">
<div class="row">

<div class="col-lg-4 mb-4">

<div class="font-italic">Blood Group<span style="color:red">*</span> </div>
<div><select name="bloodgroup" class="form-control" required>
<?php $sql = "SELECT * from tblbloodgroup ";
$query = $dbh -> prepare($sql);
$query->execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;
if($query->rowCount() > 0)
{
foreach($results as $result)
{ ?>
<option value="<?php echo htmlentities($result->BloodGroup);?>"><?php echo
htmlentities($result->BloodGroup);?></option>
<?php }} ?>
</select>
</div>
</div>

<div class="col-lg-4 mb-4">

<div class="font-italic">Location </div>
<div><textarea class="form-control" name="location"></textarea></div>
</div>

</div>

<div class="row">
<div class="col-lg-4 mb-4">
<div><input type="submit" name="sub" class="btn btn-primary" value="submit"
style="cursor:pointer"></div>
</div>
</div>
<!-- /.row -->
</form>

<div class="agileits-contact py-5">

<div class="py-xl-5 py-lg-3">
92
 <div class="w3ls-titles text-center mb-5">
<h3 class="title">Blood Donar List</h3>
<span>
<i class="fas fa-user-md"></i>
</span>
<p class="mt-2">Sed do eiusmod tempor incididunt ut labore et
dolore magna aliqua.</p>
</div>
<div class="d-flex">

<div class="row package-grids mt-5" style="padding-left: 50px;">

<?php
if(isset($_POST['sub']))
{
$status=1;
$bloodgroup=$_POST['bloodgroup'];
$location=$_POST['location'];

$sql = "SELECT * from tblblooddonars where (status=:status and BloodGroup=:bloodgroup) ||

(Address=:location)";
$query = $dbh -> prepare($sql);
$query->bindParam(':status',$status,PDO::PARAM_STR);
$query->bindParam(':bloodgroup',$bloodgroup,PDO::PARAM_STR);
$query->bindParam(':location',$location,PDO::PARAM_STR);
$query->execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;
if($query->rowCount() > 0)
{
foreach($results as $result)
{ ?>
<div class="col-md-4 pricing">

<div class="price-top">
<a href="single.html">
<img src="images/blood-donor.jpg" alt=""
class="img-fluid" />
</a>
<h3><?php echo htmlentities($result-
>FullName);?>
</h3>
</div>
<div class="price-bottom p-4">
<h4 class="text-dark mb-3">Gender: <?php echo
htmlentities($result->Gender);?></h4>
<p class="card-text"><b>Blood Group :</b> <?php
echo htmlentities($result->BloodGroup);?></p>
<p class="card-text"><b>Mobile No :</b> <?php
echo htmlentities($result->MobileNumber);?></p>

93
 <p class="card-text"><b>Email ID :</b> <?php
echo htmlentities($result->EmailId);?></p>
<p class="card-text"><b>Age :</b> <?php echo
htmlentities($result->Age);?></p>
<p class="card-text"><b>Address :</b> <?php
echo htmlentities($result->Address);?></p>
<p class="card-text"><b>Message :</b> <?php
echo htmlentities($result->Message);?></p>
<a class="w3ls-button-agile" href="contact-
blood.php?cid=<?php echo $result->id;?>">Request</a>
</div>
</div> <?php }}
else
{
echo htmlentities("No Record Found");

} ?>

</div>
</div>
</div>
</div>
<!-- //contact -->

<?php include('includes/footer.php');?>

<!-- Js files -->

<!-- JavaScript -->
<script src="js/jquery-2.2.3.min.js"></script>
<!-- Default-JavaScript-File -->

<!-- banner slider -->

<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 1000,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
94
 },
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!-- //banner slider -->

<!-- fixed navigation -->

<script src="js/fixed-nav.js"></script>
<!-- //fixed navigation -->

<!-- smooth scrolling -->

<script src="js/SmoothScroll.min.js"></script>
<!-- move-top -->
<script src="js/move-top.js"></script>
<!-- easing -->
<script src="js/easing.js"></script>
<!-- necessary snippets for few javascript files -->
<script src="js/medic.js"></script>

<script src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->

<!-- //Js files -->

</body>

</html>

13.6 ADMIN SIGN-IN PAGE CODE

<?php
session_start();
error_reporting(0);
include('includes/config.php');
if(isset($_POST['submit']))
{
$fullname=$_POST['fullname'];
$mobile=$_POST['mobileno'];
$email=$_POST['emailid'];
$age=$_POST['age'];
$gender=$_POST['gender'];
$blodgroup=$_POST['bloodgroup'];
$address=$_POST['address'];
$message=$_POST['message'];
$status=1;
$password=md5($_POST['password']);

95
 $ret="select EmailId from tblblooddonars where EmailId=:email";
$query= $dbh -> prepare($ret);
$query-> bindParam(':email', $email, PDO::PARAM_STR);
$query-> execute();
$results = $query -> fetchAll(PDO::FETCH_OBJ);
if($query -> rowCount() == 0)
{
$sql="INSERT INTO
tblblooddonars(FullName,MobileNumber,EmailId,Age,Gender,BloodGroup,Address,Message,s
tatus,Password)
VALUES(:fullname,:mobile,:email,:age,:gender,:blodgroup,:address,:message,:status,:password
)";
$query = $dbh->prepare($sql);
$query->bindParam(':fullname',$fullname,PDO::PARAM_STR);
$query->bindParam(':mobile',$mobile,PDO::PARAM_STR);
$query->bindParam(':email',$email,PDO::PARAM_STR);
$query->bindParam(':age',$age,PDO::PARAM_STR);
$query->bindParam(':gender',$gender,PDO::PARAM_STR);
$query->bindParam(':blodgroup',$blodgroup,PDO::PARAM_STR);
$query->bindParam(':address',$address,PDO::PARAM_STR);
$query->bindParam(':message',$message,PDO::PARAM_STR);
$query->bindParam(':status',$status,PDO::PARAM_STR);
$query->bindParam(':password',$password,PDO::PARAM_STR);
$query->execute();
$lastInsertId = $dbh->lastInsertId();
if($lastInsertId)
{

echo "<script>alert('You have signup Scuccessfully');</script>";

}
else
{

echo "<script>alert('Something went wrong.Please try again');</script>";

}
}
else
{

echo "<script>alert('Email-id already exist. Please try again');</script>";

}
}

?>

<!DOCTYPE html>
<html lang="zxx">

<head>
<title>Blood Bank Donar Management System | About Us </title>
96
 <!-- Meta tag Keywords -->

<script>
addEventListener("load", function () {
setTimeout(hideURLbar, 0);
}, false);

function hideURLbar() {
window.scrollTo(0, 1);
}
</script>
<!--// Meta tag Keywords -->

<!-- Custom-Files -->

<link rel="stylesheet" href="css/bootstrap.css">
<!-- Bootstrap-Core-CSS -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!-- Style-CSS -->
<link rel="stylesheet" href="css/fontawesome-all.css">
<!-- Font-Awesome-Icons-CSS -->
<!-- //Custom-Files -->

<!-- Web-Fonts -->

<link
href="//fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,
800i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<link
href="//fonts.googleapis.com/css?family=Roboto+Condensed:300,300i,400,400i,700,700i&amp
;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese"
rel="stylesheet">
<!-- //Web-Fonts -->

</head>

<body>
<?php include('includes/header.php');?>

<!-- banner 2 -->

<div class="inner-banner-w3ls">
<div class="container">

</div>
<!-- //banner 2 -->
</div>
<!-- page details -->
<div class="breadcrumb-agile">
<div aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item">
97
 <a href="index.php">Home</a>
</li>
<li class="breadcrumb-item active" aria-
current="page">Signup</li>
</ol>
</div>
</div>
<!-- //page details -->

<!-- about -->

<section class="about py-5">
<div class="container py-xl-5 py-lg-3">
<div class="login px-4 mx-auto mw-100">
<h5 class="text-center mb-4">Register Now</h5>
<form action="#" method="post" name="signup" onsubmit="return
checkpass();">
<div class="form-group">
<label>Full Name</label>
<input type="text" class="form-control" name="fullname"
id="fullname" placeholder="Full Name">
</div>
<div class="form-group">
<label>Mobile Number</label>
<input type="text" class="form-control" name="mobileno"
id="mobileno" required="true" placeholder="Mobile Number" maxlength="10" pattern="[0-
9]+">
</div>

<div class="form-group">
<label class="mb-2">Email Id</label>
<input type="email" name="emailid" class="form-control"
placeholder="Email Id">
</div>
<div class="form-group">
<label class="mb-2">Age</label>
<input type="text" class="form-control" name="age" id="age"
placeholder="Age" required="">
</div>
<div class="form-group">
<label class="mb-2">Gender</label>
<select name="gender" class="form-control" required>
<option value="">Select</option>
<option value="Male">Male</option>
<option value="Female">Female</option>
</select>
</div>
<div class="form-group">
<label class="mb-2">Blood Group</label>
<select name="bloodgroup" class="form-control" required>
<?php $sql = "SELECT * from tblbloodgroup ";

98
$query = $dbh -> prepare($sql);
$query->execute();
$results=$query->fetchAll(PDO::FETCH_OBJ);
$cnt=1;
if($query->rowCount() > 0)
{
foreach($results as $result)
{ ?>
<option value="<?php echo htmlentities($result->BloodGroup);?>"><?php echo
htmlentities($result->BloodGroup);?></option>
<?php }} ?>
</select>
</div>

<div class="form-group">
<label>Address</label>
<input type="text" class="form-control" name="address" id="address"
required="true" placeholder="Address">
</div>
<div class="form-group">
<label>Message</label>
<textarea class="form-control" name="message" required> </textarea>
</div>
<div class="form-group">
<label>Password</label>
<input type="password" class="form-control" name="password"
id="password" required="">
</div>

<button type="submit" class="btn btn-primary submit mb-4"

name="submit">Register</button>

<p class="account-w3ls text-center pb-4" style="color:#000">

Already Registered?
<a href="login.php" >Signin now</a>
</p>
</form>
</div>

</div>
</section>
<!-- //about -->

<?php include('includes/footer.php');?>

<!-- Js files -->

<!-- JavaScript -->
99
 <script src="js/jquery-2.2.3.min.js"></script>
<!-- Default-JavaScript-File -->

<!-- banner slider -->

<script src="js/responsiveslides.min.js"></script>
<script>
$(function () {
$("#slider4").responsiveSlides({
auto: true,
pager: true,
nav: true,
speed: 1000,
namespace: "callbacks",
before: function () {
$('.events').append("<li>before event fired.</li>");
},
after: function () {
$('.events').append("<li>after event fired.</li>");
}
});
});
</script>
<!-- //banner slider -->

<!-- fixed navigation -->

<script src="js/fixed-nav.js"></script>
<!-- //fixed navigation -->

<!-- smooth scrolling -->

<script src="js/SmoothScroll.min.js"></script>
<!-- move-top -->
<script src="js/move-top.js"></script>
<!-- easing -->
<script src="js/easing.js"></script>
<!-- necessary snippets for few javascript files -->
<script src="js/medic.js"></script>

<script src="js/bootstrap.js"></script>
<!-- Necessary-JavaScript-File-For-Bootstrap -->

<!-- //Js files -->

</body>

</html>

100
 REFERENCES
 www.w3school.com
 www.github.com
 www.sharpener.tech
 www.geeksofgeek.com
 www.wikipedia.com
 www.google.com
 www.tutorialstpoint.com
 www.youtube.com
 www.javatpoint.com

101