WEB APPLICATION DEVELOPMENT PROJECT
PRESIDENT INSTITUTE OF COMPUTER APPLICATION
Blood Link: Save life Give
Blood
NAME ENROLLMENT NO
Prajapati darshil
Developed By :- pravinbhai
0
ACKNOWLEGEMENT
• I would like to express my sincere gratitude to dipam
mam for their invaluable guidance and support
throughout this project. Their expertise and
encouragement have been instrumental in shaping
• Ithis project
would also like to thank president institute of computer
application for providing me with the necessary resources
and facilities to complete this project.
• This project would not have been possible without the
support of my company staff and friends, who have been a
constant source of motivation and encouragement.
• Please let me know if you want me to make any
changes or if you have any specific requirements.
2
Index
Company profile……………………………………………………………………...……..4
Project Profile ..……………….……………………………………………………...……..5
Existing system...........................................................................................6
Proposed system ........................................................................................7
Tools and technology ..................................................................................8
Modules……………………………………………………………................................10
Process of modules……………………………...............................................…..11
Use case Diagram…………………………………………………………………….........13
System Flow Diagram…………………………………………………………………..….16
Activity Diagram………………………………………………………………………….….17
Class Diagram………………………………………………………………………………..20
Sequence Diagram……………………………………………………………………….…21
3
ER Diagram…………………………………………………………………………………...24
1. Data Dictionary…………………………………………
Company Profile
• Company Name: BrainyBeam Info-tech Lab
• Company Address: 2nd Floor, Dhanlaxmi Chembers, Income tax,
Ahmedabad
• Company Website: www.brainybeaminfotech.com
• About:
BrainyBeam Info Tech Pvt. Ltd. is a dynamic technology solutions provider
specializing in software development, IT consulting, and digital
transformation services. The company delivers innovative and customized
solutions to meet the diverse needs of businesses across various industries.
With a focus on cutting-edge technologies and a client-centric approach,
BrainyBeam ensures high-quality and scalable solutions that drive business
success. Their expertise spans web development, mobile app development,
data science, and machine learning, helping clients achieve their digital
transformation goals.
4
Project information
The Blood Bank System is a comprehensive project designed to
efficiently manage blood donation activities with three distinct
user roles: Admin, Patient, and Donor. The Admin plays a pivotal
role, overseeing both patients and donors. Through a user-
friendly interface developed using MERN Stack, the Admin can
seamlessly edit profiles, ensuring accurate and up-to-date
information. Furthermore, the Admin maintains control over the
blood stock by adding and updating inventory levels, thereby
ensuring the availability of various blood types.
5
Existing System
• No software to keep records
• Difficult to provide records immediately at a time of emergency
• More mankind work is needed to maintain information
• Time Consuming
• Needs of upgradation
6
Proposed system
• User friendly interface.
• It is secured.
• Processing time less.
• Avoid loss or misuse of data.
• Easy to maintain records for long period of time.
• Allows online search and request for blood reservation.
7
Tools and technologies
Software specification
1. Operating System:
Windows: Windows 10 or higher.
Mac: macOS High Sierra or later.
Linux: Ubuntu 18.04 LTS or newer.
2. Code Editor/IDE: Choose one of the following or any other preferred editor:
Visual Studio Code: With ReactJS extensions for better development experience.
Sublime Text, Atom, or WebStorm: Other popular editors with ReactJS support.
3. Node.js and npm (Node Package Manager):
Node.js: Install the LTS (Long-Term Support) version.
npm: Comes with Node.js. You'll use this for managing dependencies and running scripts.
4. Web Browser:
Google Chrome, Mozilla Firefox, or Safari: for testing and debugging your React
applications.
5. React Developer Tools: 8
Browser extensions for Chrome or Firefox that assist in debugging React applications.
Tools and technologies
Hardware specifications
Processor: Multi-core processor (e.g., Intel i5 or Ryzen 5).
RAM: 8GB (minimum), 16GB or higher recommended for smoother performance.
Storage: SSD (Solid State Drive) for faster read/write operations.
9
Module
Admin patient Donor
10
Process of Modules
• Admin • Patien
:- t :-
- Registration - Registration
- Login - Login
- Manage blood bank - View profile
- Manage donor - Patient request for blood
- Manage patient - Make online payment
request - View feedback
- Manage payment - Logout
- Manage city /
location
- View feedback
11
- Logout
Process of Modules
• Donor
:-
- Registration
- Login
- View profile
- Make new blood donation
- View feedback
- Logout
11
Module
1.User Authentication and Authorization:
The system must have a secure user authentication mechanism to
ensure that only authorized users can access the platform.
Differentiate between Admin, Patient, and Donor roles with distinct
access levels and permissions.
2.User Profile Management:
Enable Admin to view, edit, and update patient and donor profiles.
Include fields for personal information, contact details, and blood type.
3.Blood Stock Management:
Implement functions for Admin to add new blood units to the stock.
Allow Admin to update the quantity of each blood type as donations
are made or as stock expires.
Ensure proper tracking of blood unit details such as expiration date
and storage location. 13
Module
4. Request Processing:
Enable Admin to view and process blood donation requests from
donors, including the ability to accept or reject requests.
Allow Admin to respond to blood requests from patients, either
approving or rejecting based on the available stock.
5. Notification System:
• Implement a notification system to alert users (Admin, patients, and
donors) about successful donation requests, updates on blood stock
levels, and responses to patient requests.
14
Start
SYSTEM FLOW
User
Authentication
Admin Login No Patient Login No Donor Login
yes yes
Patient Donor
Admin Dashboard Dashboard
Dashboard
Request Blood Donate Blood
View/Edit Manage Blood Process
Patient Profiles Stock Donation
Requests
View/Edit Donor Respond to
Profiles Patient Patient Leave Donor Leave
Requests
Admin Leave 15
END
Admin Use case Diagram
Login
Manage Blood Stack
Manage Danor
Admin
Manage Blood Request
Logout
16
Patient Use case Diagram
Registation
Login
Manage Profile
Donor
Request Blood
Logout
17
Donor Use case Diagram
18
Admin Activity Diagram
No
Valid ?
19
Donor Activity Diagram
20
Patient Activity Diagram
Make
payment
21
Class Diagram
22
Admin Sequence Diagram
23
Donor Sequence Diagram
24
Patient Sequence Diagram
25
ER Diagram
26
Data Dictionary
27
Table 1: Admin
Column Data Type Size Cardinality Description
Name
AdminID INT 10 Primary Key Unique
identifier for
each admin.
Username VARCHAR 50 Admin's
username.
Password VARCHAR 255 Admin's
password
(hashed).
Email VARCHAR 100 Admin's
email
address.
28
Phone VARCHAR 15 Admin's
contact
Table 2: Stock
Column Data Type Size Cardinalit Description
Name y
StockID INT 10 Primary Unique identifier for
Key each stock entry.
BloodType VARCHAR 5 Type of blood (e.g., A+,
O-).
Quantity INT 5 Amount of blood
available in units.
AdminID INT 10 Foreign Key References AdminID
from Admin.
29
Table 3: Donor
Column Data Type Size Cardinalit Description
Name y
DonorID INT 10 Primary Unique identifier for
Key each donor.
Name VARCHAR 100 Donor's name.
BloodType VARCHAR 5 Donor's blood type.
Contact VARCHAR 15 Donor's contact
number.
Email VARCHAR 100 Donor's email
address.
30
Table 4: BloodDonate
Column Name Data Type Size Cardinality Description
DonateID INT 10 Primary Key Unique identifier for
each donation.
DonorID INT 10 Foreign Key References DonorID from
Donor.
AdminID INT 10 Foreign Key References AdminID
from Admin.
Date DATE Date of the blood
donation.
Quantity INT 5 Amount of blood
donated in units.
31
Table 5: BloodRequest
Column Name Data Type Size Cardinalit Description
y
RequestID INT 10 Primary Unique identifier for each
Key blood request.
PatientID INT 10 Foreign References PatientID from
Key Patient.
BloodType VARCHAR 5 Type of blood required.
Quantity INT 5 Amount of blood requested
in units.
Date DATE Date of the blood request.
32
Table 6: Patient
Column Name Data Type Size Cardinality Description
PatientID INT 10 Primary Key Unique identifier for each
patient.
Name VARCHAR 100 Patient's name.
Contact VARCHAR 15 Patient's contact number.
Email VARCHAR 100 Patient's email address.
Address VARCHAR 255 Patient's residential
address.
33
