“A website for Blood Donation”
project based experiment report submittedin partial
A
fulfillment of the requirements for Socially Relevant Project
in
SOCIALLY RELEVANT PROJECT LAB
by
J.Joshna(22331A1240)
G.Harikrishna(22331A1235)
B.Nikhil Sundar(22331A1218)
Under the esteemed guidance of
Mrs. M.Vasanthi
Department of Information technology
M.V.G.R. College of Engineering
VIZIANAGARAM
DEPARTMENT OF INFORMATION TECHNOLOGY
MAHARAJ VIJAYARAM GAJAPATHI RAJ
COLLEGE OF ENGINEERING(AUTONOMOUS)
1
BONAFIDE CERTIFICATE
ertified that this is a bonafide record of project work entitled "A
C website for Blood
Donation" being submitted byJ.Joshna(22331A1240),G.Harikrishna(22331A1235),
B.Nikhil Sundar (22331A1218) in partial fulfillment for the award of the degree of
“Bachelor of Technology “in INFORMATION TECHNOLOGY, MVGR College of
Engineering from Jawaharlal Nehru Technological University during the Academic
year 2022-2026. These results embedded in this have not been submitted to any other
institute or University for the award of degree or diploma.
Project supervisor : Head of the department :
Mrs.M.Sai Vasanthi Dr.P.Srinivas rao
M.tech(DS) M.tech,Ph.D
Assistant Professor HOD
IT IT
2
CLASS : B.Tech SEM: V BRANCH : IT-A A.Y. 2024-2025
Project Title:A website for Blood Donation.
Contents
Name of Concept Page No
Preface 4
Acknowledgement 5
Abstract 6
Problem Statement 7
Introduction 8
Pros & Cons 9
Implementation 10-11
Hardware & Software Requirements 12
Website View 13-15
Feedback Page 16-17
Conclusion 18
References 19
3
PREFACE
Tech aspirants often face challenges in choosing their specialization and
B
planning their careers due to insufficient information on various fields, emerging
trends, and essential skills. This difficulty is further compounded by a lack of
resources that combine technical knowledge with soft skills and guidance on
further education and internships. Our website, Roadmap, aims to resolve these
issues by offering a comprehensive online platform. It provides in-depth insights
into specializations, interactive self-assessment tools, expert advice, and resources
for skill development and career opportunities, empowering students to make
well-informed decisions and navigate their engineering careers effectively.
4
ACKNOWLEDGMENT
I would like to express my profound gratitude and thanks to my project
guide MRs.M. Vasanthi.M Assistant Professor, Department of Information
Technology, MVGR College of Engineering, for introducing the present topic and
intellectual support , inspiring guidance and her invaluable encouragement,
suggestions and cooperation helps a lot to completion of my project work
successfully. I am also thankful to MR. P.Srinivasa Rao Professor and Head of
Department, Information Technology, MVGR College of Engineering , for
providing necessary information and guidance regarding the project. Last but not
least, I would like to thank Maharaj Vijayaram Gajapathi Raj College of
Engineering for providing me this wonderful opportunity and all my friends for
their kind cooperation which helps me to complete my project.
5
ABSTRACT
ur Blood Donation Website is a comprehensive resource designed to
O
educate and facilitate individuals interested in donating blood. The site emphasizes
the critical role of blood donation in saving lives and ensuring a steady supply for
medical needs. It provides detailed information on the benefits of donating blood,
eligibility criteria, and the donation process. Users can locate nearby donation
centers, schedule appointments, and learn how to get involved in blood drives. The
website also includes inspiring stories from donors and answers to common
questions, aiming to encourage more people to participate in this vital life-saving
act.Our blood donation website is a vital tool in promoting and facilitating blood
donation. By providing comprehensive information, user-friendly features, and
robust support, we aim to increase the number of donors and ensure a reliable
blood supply for those in need. Together, we can make a significant impact on
public health and save countless lives.
6
PROBLEM STATEMENT
hecurrent blood donation process faces severalchallenges, including a
T
lack of centralized and efficient systems for managing donor and recipient
information, leading to inefficiencies and delays in matching blood supply with
demand. Additionally, there is limited accessibility for potential donors and
recipients to find and request blood donations online.
1. Inefficient Blood Management:Blood banks strugglewith maintaining
accurate records of blood donors, blood types, and available stock, leading
to potential shortages or wastage of blood.
2. Limited Donor Engagement:Potential donors are notadequately informed
or motivated to donate blood due to the lack of accessible information and
convenient donation scheduling.
3. Delayed Response in Emergencies:In emergency situations,the process of
finding and securing the required blood type is often slow and cumbersome,
risking patient health.
4. Lack of Transparency:There is insufficient transparencyin the blood
donation process, making it difficult for donors to track their donations and
for recipients to verify the source and safety of the blood they receive.
The solution isto develop a web-based blood donationmanagement system that
simplifies and automates the process of blood donation, enhances donor
engagement, ensures efficient blood stock management, and provides a transparent
and accessible platform for both donors and recipients.
7
INTRODUCTION
lood donation is a simple yet powerful act of kindness that can save lives.
B
By donating blood, you contribute to the healthcare system and help patients in
critical need. Our website is designed to provide you with all the information you
need to understand the importance of blood donation, the process involved, and
how you can become a donor.Every few seconds, someone in the world needs
blood. It could be for surgeries, cancer treatment, chronic illnesses, or traumatic
injuries. Your single donation can save up to three lives.
Here are some key reasons why blood donation is crucial:
• Life-Saving:Blood transfusions are essential forpatients undergoing major
surgeries, accidents, or cancer treatments.
• Blood Supply:Regular donations ensure a steadyand sufficient blood
supply for hospitals and emergency services.
• Health Benefits for Donors:Donating blood can improveheart health, reduce
harmful iron stores, and stimulate the production of new blood cells.
8
PROS & CONS
Pros for Blood Donation Website:
1. I ncreased Accessibility: A website makes it easierfor potential donors to find
information about donation drives, eligibility criteria, and nearby donation centers.
2. Efficient Management: It can streamline the processof managing donor
information, scheduling appointments, and tracking blood inventory.
3. Enhanced Awareness: The website can serve as a platformto educate the public
about the importance of blood donation and encourage more people to donate.
4. Emergency Response: In emergencies, a well-maintainedwebsite can quickly
connect donors with recipients, potentially saving lives.
5. Transparency: Donors can track their donation historyand see how their
contributions are being used, fostering trust and engagement.
Cons for Blood Donation Website:
1. T echnical Challenges: Developing and maintaining asecure, user-friendly
website requires technical expertise and resources.
2. Privacy Concerns: Handling sensitive donor informationnecessitates robust data
protection measures to prevent breaches and misuse.
3. Initial Costs: Setting up the website involves initialcosts for development,
hosting, and ongoing maintenance.
4. Digital Divide: Not everyone has access to the internetor is comfortable using
online platforms, which could limit the reach of the website.
5. Dependence on Technology: Technical issues or downtimecan disrupt the
service, affecting donor engagement and blood management.
9
IMPLEMENTATION
1. Setup HTML and Include Resources:
S
● tart by defining the basic HTML structure.
<link>
● Include external Bootstrap CSS, jQuery, Popper.js, and Bootstrap JS files using
<script>tags in the
and <head>section.
2. Define the Style for Header and Footer:
● D .headerclass to create a navigation barthat sticks to the top with a black
efine a
background.
● Use media queries to adjust the layout on smaller screens (mobile responsiveness).
.header aforgeneral links and
● Style links within the header using .header
a:hoverfor the hover state.
#footerID that is fixedto the bottom of the page.
● Define a footer with the
3. Create the Header Section:
U
● <div>with the class
se a headerto hold the navigationlinks.
● Define several anchor (<a> ) tags linking to differentpages, like Home, About Us, Why
Donate Blood, etc.
● Highlight the active link with the .actclass, usinggradient background for it.
4. About Us Section:
● U containerand
se the rowclasses to define a layoutwith two columns: one for text
(
col-lg-6) and the other for an image (
col-lg-6 ).
● Write descriptive content about the Blood Bank and its purpose in one column.
● Add an image in the other column with the img-fluidclass to make it responsive.
5. Footer Section:
C
● divwith the
reate a footer using a #footerID.
● Ensure it is positioned at the bottom of the page, containing copyright information.
10
Flow of Execution:
1. HTML Page Loads:
○ Browser loads the necessary resources (Bootstrap CSS, jQuery, etc.).
2. Render the Header:
○ T
he navigation bar with links is displayed at the top of the page. It becomes
responsive on smaller screens.
3. Display the About Us Section:
○ T
ext about the blood bank and an image are displayed side by side, providing
information to the user.
4. Display Footer:
○ T
he footer remains fixed at the bottom, containing copyright and ownership
information.
5. Responsive Design Behavior:
○ O
n smaller screens, navigation links stack vertically to ensure the page remains
user-friendly on mobile devices.
11
HARDWARE REQUIREMENTS:
ROCESSOR :Multi-core CPU with at least 8 cores.
P
RAM :Minimum 16 GB, preferably 32 GB or more for handling high traffic.
STORAGE :500 GB HDD or SSD.
NETWORK:High-speed internet connection.
FIREWALL AND SECURITY APPLIANCES :A robust firewall to protect against cyber
threats and unauthorized access.
MOBILE DEVICES:A variety of IOS and Android devices.
REDUNDANT SERVERS:At least one additional server for both web and database roles to
ensure high availability and failover capabilities.
SOFTWARE REQUIREMENTS:
MARKUP LANGUAGES :
Backend :PHP , Python , Node.js.
Frontend :HTML , CSS.
APIs AND INTEGRATIONS :Google maps API , Email API.
SERVERS :Linux and Windows servers.
DATABASE MANAGEMENT SYSTEM :Mongodb , PostgreSQL.
BACKUP AND RECOVERY SOFTWARE :
Backup Solutions: Tools like Acronis, or Veeam forregular backups.
Disaster Recovery Plan: Software and procedures for recovering from catastrophic
failures.
ANALYTICS AND MONITORING:
Google Analytics:For tracking website traffic and user behavior.
Server Monitoring:Tools like Nagios for monitoring server health and performance.
12
WEBSITE VIEW
13
14
15
FEEDBACK PAGE
16
17
CONCLUSION
he development of a blood donation website represents a significant
T
advancement in the healthcare sector, addressing critical challenges associated with
blood donation and management. This platform is designed to streamline the entire
process, from donor registration to blood inventory management, thereby
enhancing efficiency, transparency, and accessibility.
I n conclusion, the blood donation website represents a transformative
approach to addressing the challenges of blood donation and management. By
leveraging digital technology, the platform aims to enhance donor engagement,
optimize blood inventory management, improve emergency response, and increase
transparency and trust. The website’s comprehensive features and functionalities
will not only streamline the blood donation process but also foster a culture of
regular donation, ultimately saving more lives and supporting the healthcare
system. As the platform continues to evolve and adapt, it will remain a vital tool in
ensuring the availability of safe and sufficient blood for those in need.
his conclusion provides a detailed summary of thekey aspects and benefits
T
of the blood donation website, emphasizing its importance and potential impact on
public health.
18
REFERENCES
● h
ttps://github.com/varunsardana004/Blood-Bank-And-Donation-Manag
ement-System
his link provides the complete source code of our Blood Donation website.
T
This also gives the complete procedure to install xampp to run the source
code and tell us how to open user and admin layout in the browser.
● Blood Bank Management System Research:
or academic or technical references related to building blood bank
F
management systems, you can refer to journals or research papers such as:
○ I EEE Xplorefor research on software systems for blood bank
management.
○ A Blood Bank Management Systemfrom IEEE.
○ Springer Linkfor detailed studies on web-based blood donation
systems.
○ Research on Blood Donation Managementfrom Springer
19
