e-ISSN: 2582-5208

International Research Journal of Modernization in Engineering Technology and Science

( Peer-Reviewed, Open Access, Fully Refereed International Journal )
Volume:06/Issue:01/Jauuary-2024 Impact Factor- 7.868 www.irjmets.com

LIFESAVER: BLOOD DONATION MANAGEMENT SYSTEM WEB APP

USING MERN STACK
Abdul Hannan*1, Mohammed Zaid*2, Mohammed Zaid Abdullah*3, Ms. Smitha Patil*4
*1,2,3AICTE, Department Of Computer Science And Engineering, Presidency University, Bangalore,
Karnataka, India.
*4Assistant Professor, Department Of Computer Science And Engineering, Bangalore,
Karnataka, India.
ABSTRACT
Harnessing the power of the MERN stack, the project addresses a critical need for enhanced efficiency and
resource optimization in blood bank management. A user-friendly web application has been developed,
meticulously crafted to streamline workflows, empower informed decision-making, and safeguard sensitive
data. The application seamlessly integrates MongoDB, Express.js, React.js, and Node.js to deliver a user-friendly
interface, advanced inventory tracking, dynamic data visualization, and robust security measures. Staff
members are empowered with intuitive data entry, search, and visualization tools, facilitating efficient
interaction with the system. MongoDB houses detailed blood type data, including quantities, expiration dates,
and donor information, enabling precise inventory tracking and retrieval. Powered by Express.js, real-time data
updates and interactive dashboards equip decision-makers with vital insights into blood inventory levels,
allowing for proactive measures and informed allocation strategies. Node.js ensures secure access and data
integrity through user authentication and role-based permissions.
Keywords: Inventory Management, MERN Stack, Web Application, MongoDB, Express.Js, React.Js, Node.Js.
I. INTRODUCTION
In a world where moments can mean the difference between life and death, access to safe and timely blood
donations is paramount. Yet, traditional blood bank systems often struggle with cumbersome processes,
fragmented data, and limited decision-making tools. LifeSaver emerges as a beacon of hope, a web application
meticulously designed to bridge this gap and revolutionize blood donation management. LifeSaver is more than
just technology; it's a testament to the power of innovation in saving lives. Join us in revolutionizing blood
donation management and ensuring that every precious moment has the chance to become a story of hope and
survival.
The MERN stack has emerged as a powerful tool for developing dynamic and interactive web applications. This
project leverages its potential to address a pressing need in healthcare – streamlining blood bank management.
Through a meticulously crafted web application, we aim to revolutionize inventory tracking, resource
allocation, and data-driven decision-making within blood banks.
Research Survey: Through extensive research reviewing multiple research papers and articles, we found
numerous recipient-focused blood donation applications, yet the prevailing issue remained poor inventory
management. Donated blood lacked effective utilization. Consequently, we redirected our focus: prioritizing the
creation of a robust blood donation inventory management system. This system aims to enable blood banks to
meticulously track inventory acquired from donors, organizations, and hospitals. Upon visualizing and
analyzing the donor-recipient dataset, a striking trend e merged – a notable disparity between the number of
donors and recipients. The dataset underscored a concerning reality: the quantity of donors significantly lags
behind the count of recipients in the blood donation ecosystem.

www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

[1163]
 e-ISSN: 2582-5208
International Research Journal of Modernization in Engineering Technology and Science
( Peer-Reviewed, Open Access, Fully Refereed International Journal )
Volume:06/Issue:01/Jauuary-2024 Impact Factor- 7.868 www.irjmets.com

Fig 1. Research Survey Outcome

II. METHODOLOGY
Our MERN stack-powered Blood Donation Management System web app development adhered to the SDLC
Waterfall model, ensuring a structured and comprehensive approach. We began with thorough user research
involving donors, recipients, and blood banks, meticulously defining functional and nonfunctional
requirements. Setting up the necessary tools and establishing development environments paved the way for
building the server, API, and frontend interface. Leveraging MVC patterns, we crafted interactive UI
components, robust back-end logic, and efficient database interactions. Secure APIs facilitated communication
between layers, while a dedicated inventory model provided precise blood unit management and proactive
stock alerts. Implementing Redux Toolkit ensured predictable state management, and user-friendly dashboards
catered to different roles. Advanced filters enabled efficient data search, and the application was optimized and
deployed to a chosen hosting platform. Finally, rigorous testing across all levels guaranteed stability and user
satisfaction. This robust methodology ensured the development of a reliable and future-proof Blood Donation
Management System poised to revolutionize the landscape of blood banking.

Fig 2. Proposed Methodology

III. MODELING AND ANALYSIS
System Design: The Blood Donation Management System web app's architecture leverages a layered approach
for optimized clarity and maintenance. Built on the MERN stack, it seamlessly integrates React's responsive UI
with Express.js's robust API, both communicating seamlessly with MongoDB's flexible data storage. This
www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science
[1164]
 e-ISSN: 2582-5208
International Research Journal of Modernization in Engineering Technology and Science
( Peer-Reviewed, Open Access, Fully Refereed International Journal )
Volume:06/Issue:01/Jauuary-2024 Impact Factor- 7.868 www.irjmets.com
layered design facilitates clear separation of concerns, while Node.js serves as the local server for testing
purposes, with future plans for cloud deployment on platforms like AWS or Heroku to ensure scalability and
reliability. Data flows smoothly between layers, starting with user interactions on the frontend, which trigger
API requests processed by the backend. Backend logic then interacts with the database as needed, ultimately
constructing responses that update the UI, keeping users informed with the latest information. This elegant
structure not only ensures a user-friendly experience but also lays the foundation for a future-proof system
capable of adapting to growing demands.

Fig 3. System Architecture

Data Flow: Within the web app, data flows smoothly in a continuous cycle, ensuring a responsive user
experience. The journey begins with user interactions on the React-based frontend, which triggers the
transmission of requests to the Express.js backend API. The backend diligently receives and processes these
requests, accessing or updating information in the MongoDB database as needed. Once processed, the backend
constructs informative responses, packed with requested data or status updates, and sends them back to the
frontend. Upon arrival, the frontend diligently updates the user interface, ensuring users have an accurate and
up-to-date view of the system's state. This seamless exchange of data between the frontend and backend forms
the backbone of the application's functionality, enabling a smooth and efficient user experience.

Fig 4. Data Flow

Implementation: The development of the Blood Donation Management System followed a clearly defined path
guided by the SDLC Waterfall model. This ensured a systematic progression through crucial stages, starting
with laying a solid foundation of project goals and stakeholder requirements. Next, the team meticulously
crafted the application's architecture, prioritizing security and data integrity within the MongoDB database.
User experience was paramount, leading to the development of a visually appealing and intuitive React-based
frontend, complete with secure authentication. State management was optimized using Redux Toolkit, allowing
for efficient handling of blood records and user information. The system's functionality was further enhanced
with advanced search and filtering capabilities, as well as informative dashboards tailored to different user
roles. Rigorous testing and refinement ensured a seamless user experience before secure deployment to the
production environment. This structured approach, coupled with a focus on security, usability, and continuous
improvement, forms the cornerstone of the Blood Donation Management System's successful implementation.

www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

[1165]
 e-ISSN: 2582-5208
International Research Journal of Modernization in Engineering Technology and Science
( Peer-Reviewed, Open Access, Fully Refereed International Journal )
Volume:06/Issue:01/Jauuary-2024 Impact Factor- 7.868 www.irjmets.com

Fig 5. Implementation
Algorithm: Here's a refined version of the Blood Bank Management System algorithm:
Step 1: Start
Step 2: User Interaction: Capture user action (login, register, donate, navigate, etc.)
if Yes: Proceed to next step
else No: End loop and close resources
Step 3: Authentication (Conditional): Required Action? (Donate, Register):
if Yes: Validate user credentials or JWT token.
Valid: Update state with user information and proceed.
Invalid: Display error message and restart loop.
else No: Skip to Routing.
Step 4: Routing: Analyze user request and extract URL path.
If found: Render corresponding component.
If not found: Display error message and restart loop.
Step 5: State Management: Dispatch actions to Redux store based on user interaction and routed component.
Update state objects in the store based on reducer logic (data modifications). Update UI elements to reflect
state changes.
Step 6: API Interaction (Conditional):
Data Needed? (Inventory levels, Donors):
if Yes: Send API requests based on route or action requirements. Success Response: Parse data and update
state. Error: Handle error and display user-friendly message. Continue without state update. else No: Skip to UI
Update.
Step 7: UI Update: Render updated UI components based on state changes and user interactions.
Step 8: Repeat Loop: Go back to step 1 and wait for next user interaction.
Step 9: End
IV. RESULTS AND DISCUSSION
"LifeSaver" was conceptualized as a donor-centric solution aimed at revolutionizing the blood donation
process, ensuring a streamlined and engaging experience for donors while optimizing blood bank operations.
This report delves into the achieved milestones and ongoing discussions centered around the donor-focused
elements of this innovative platform.

www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

[1166]
 e-ISSN: 2582-5208
International Research Journal of Modernization in Engineering Technology and Science
( Peer-Reviewed, Open Access, Fully Refereed International Journal )
Volume:06/Issue:01/Jauuary-2024 Impact Factor- 7.868 www.irjmets.com
Achievements and Results:
• Efficient Blood Inventory: Real-time inventory management has notably reduced shortages and
minimized wastage, bolstering the operational efficiency of blood banks.
• Improved Donation Process: Donors are empowered with easy access to donation centers and real-time
updates, simplifying the donation process and ensuring a smoother experience.
• Enhanced Donor Engagement: The implementation of a user-friendly interface coupled with timely
notifications has yielded a substantial increase in donor participation, fostering a more robust donor
community.
Ongoing Discussions:
• Enhancing User Experience: Continuing efforts to fine-tune the platform based on ongoing donor
feedback, ensuring a user-centric approach remains at the forefront.
• Technological Advancements: Investigating further technological innovations to enhance user interaction,
streamline processes, and augment the overall donor experience.
• Expanding Donor Outreach: Exploring strategies to broaden donor outreach and encourage a more
diverse donor pool through targeted campaigns and community engagement initiatives.
V. CONCLUSION
"LifeSaver" stands on the precipice of revolutionizing blood donation. More than just a web app, it's a lifeline
woven from dedication, collaboration, and an unwavering commitment to saving lives. We haven't merely
streamlined the process; we've placed the donor at the heart of the experience, empowering them with real-
time information and a user-friendly interface. As we near launch, a spark of anticipation ignites within us,
knowing that soon, lives will be transformed with every blood drop. "LifeSaver" isn't just a platform; it's a
catalyst for a world where compassion flows freely, ensuring every donor feels valued and every life in need
receives the gift of hope. We proudly step into the future, carrying the weight of responsibility and the fire of
innovation, knowing that with each donor, we inch closer to a world where blood is always there, when lives
depend on it most. These outcomes demonstrate the system's potential to revolutionize blood donation,
enhancing efficiency, security, and accessibility for all stakeholders.
VI. REFERENCES
[1] Giridhar Maji, Narayan C. Debnath, Soumya Sen, "Data Warehouse Based Analysis with Integrated
Blood Donation Management System”, 2018
https://www.researchgate.net/publication/325577020_Data_Warehouse_Based_Analysis_with_Integr
ated_Blood_Donation_Management_System
[2] Sri Suartini, Ali Ikhwan, North Sumatra State Islamic University, Medan, Indonesia, "Management
Information System Web-Base on Blood Donation Service”,2023
https://www.researchgate.net/publication/367226157_Management_Information_System_WebBase_
on_Blood_Donation_Service
[3] Sakshi Patil, Vedant Satpute, Swaroop Taral, Viresh Kada, Vishwakarma Institute of Information
Technology, “Blood Bank Management System”, 2023,
https://www.researchgate.net/publication/370602395_Blood_Bank_Management _System
[4] Jules Joel Bakhos, Myra Khalife, Yorgui Teyrouz, Youakim Saliba, “Blood Donation in Lebanon: A Six-
Year Retrospective Study of a Decentralized Fragmented Blood Management System”, 2022
https://www.researchgate.net/publication/358311997_Blood_Donation_in_Lebanon_A_SixYear_Retro
spective_Study_of_a_Decentralized_Fragmented_Blood_Managemen_System
[5] Shashikala B M, M. P. Pushpalatha, B. Vijaya, “Web Based Blood Donation Management System(BDMS)
and Notifications”, 2022
https://www.researchgate.net/publication/324267381_Web_Based_Blood_Donation_Managements

www.irjmets.com @International Research Journal of Modernization in Engineering, Technology and Science

[1167]