BloodCare: A Web-based Solution for Effective Blood Management and Donation Campaigns

Developed By: Syed Farhan Reza

Screenshots

Homepage

Blood Request

Search Donor

Hospitals

Campaigns

Blogs

Registration

Login

Admin Dashboard

Post Blog

User Dashboard

Functions

Admin

• After Login, Can View, Update, Delete Donor.
• Can View, Update, Delete Recipient.
• Can Post blog and manage blogs.
• Can add Hospitals and manage hospitals.
• Can add Campaigns and manage campaigns.
• Can View Blood Request made by donor/recipient and can approve or reject that request.
• Can Make a User an Admin

Donor

• Donors can create an account by providing basic details.
• After Login, the Donor can donate blood, After approval
• Donor can see their donation history with status (Pending, Approved, Rejected).
• Donor can accept/decline blood request
• Donors can update their profile

Recipient

• Create an account (Can log in After Signup)
• Recipient can request blood of a specific blood group.
• Recipient can see their blood request history with status (Pending, Approved, Rejected).

Technologies

• React JS
• Tailwind CSS, DaysiUI
• Node JS, Express Js
• MongoDB
• Firebase
• JWT
• React Query