BloodLink – Blood Donation & Donor Management System

Live URL: https://blood-donation-99e54.web.app/

Purpose

BloodLink is a simple and user-friendly platform that connects blood donors with people who need blood. The system helps users register as donors, create blood requests, and manage donation activities easily. It is built with the MERN stack and includes secure authentication and role-based access.

Description

BloodLink allows donors, volunteers, and admins to manage blood donation information in one place. Users can create requests, update donor profiles, track donation history, and handle all essential data through a clean and responsive interface.

Key Features

1. Donor registration and profile management
2. Create and manage blood requests
3. Role-based dashboard (Donor, Volunteer, Admin)
4. Manage donation history and request status
5. Secure login with Firebase
6. Fully responsive UI
7. Smooth and simple user experience
8. Tech Stack
9. React Router
10. Tailwind CSS
11. DaisyUI
12. Node.js
13. Express.js
14. MongoDB
15. Firebase Auth
16. Vercel (server deployment)

Language:

JavaScript (ES6)

NPM Packages Used

Frontend

2. react
3. react-router-dom
4. react-icons
5. react-hot-toast
6. swiper
7. framer-motion
8. firebase
9. axios

Backend

1. express
2. mongoose
3. cors
4. dotenv
5. jsonwebtoken
6. bcryptjs
7. cookie-parser
8. nodemon