Bloodlink: Blood Bank on Web

Abstract

This paper presents the development and implementation of a web-based blood donation platform designed to streamline the connection between blood donors and recipients. The system enables user-friendly registration, donor search based on location and blood type, real-time blood request posting, and administrative management of donation data. Built using HTML, CSS, JavaScript for the frontend, Node.js for the backend, and MongoDB for the database, the platform emphasizes responsiveness, data security, and efficient communication. This solution addresses key limitations of traditional blood bank systems such as manual coordination, delayed responses, and lack of transparency. The platform aims to promote voluntary donation, enhance emergency responsiveness, and improve the overall efficiency of blood distribution.

Introduction

The project is a web-based Blood Donation Platform designed to connect blood donors and recipients efficiently. Built with HTML, CSS, and JavaScript for the frontend, Node.js (with Express.js) for the backend, and MongoDB for the database, the system simplifies blood donation through an interactive and secure interface.

Key Features

• User Roles: Individuals can register as donors or recipients.

• Search & Connect: Users can search for blood donors by location and blood type, view their profiles, and contact them directly.

• Real-time Requests: Recipients can post urgent blood needs that are immediately visible to donors.

• Responsive UI: Mobile-friendly design ensures accessibility and ease of use.

• Data Security: Implements JWT-based authentication, HTTPS, encrypted data storage, and strict access control.

• Community Building: Encourages the creation of a network of active donors to streamline the donation process.

Methodology

1. Planning: Stakeholder analysis to define core features (e.g., registration, search, blood request).

2. Frontend Development: Interactive UI using modern web technologies, ensuring responsiveness.

3. Backend Development: Node.js and Express.js manage logic, authentication, and APIs.

4. Database: MongoDB stores user profiles, request history, and blood availability data.

5. Real-Time Features: Implemented via WebSockets for instant notifications and communication.

6. Security: HTTPS, JWT, and encrypted storage protect user data.

7. Testing & Deployment: Rigorous testing followed by deployment on a scalable cloud platform.

Additional Notes

• Includes a visual layout (Figure 1) of the application.

• Mentions a separate WOMEN safety application, focusing on GPS tracking, SOS alerts, and emergency communication, though it's unrelated to the core blood donation platform.

Conclusion

The Web-Based Blood Donation Platform, developed with HTML, CSS, Java, and MongoDB, offers a user-friendly and efficient solution to connect blood donors and recipients. Featuring secure authentication, role selection, and detailed profiles, the platform enables real-time, city-based searches through a clean, interactive interface. Java handles backend logic and database interaction, while MongoDB efficiently manages user data. The black-and-red design highlights urgency and health. Overall, the platform addresses a critical healthcare need and is scalable for future enhancements like SMS alerts and blood camp notifications.

References

[1] Manvir Kaur :- https://ieeexplore.ieee.org/document/9844389 [2] Mohammad Esmail :-https://ieeexplore.ieee.org/document/8515789 [3] Neetu Mittal :-https://ieeexplore.ieee.org/document/8358280 [4] Soumya Sen :-https://ieeexplore.ieee.org/document/8471988

Copyright

Copyright © 2025 Mr. Om Limbhore, Mr. Prathamesh Landge, Mr. Ritesh Kharat, Mr. Tejas Khawal, Mr. Prashant Kolhe, Prof. Afrin Sheikh. This is an open access article distributed under the Creative Commons Attribution License, which permits unrestricted use, distribution, and reproduction in any medium, provided the original work is properly cited.