Back
Year
2025
Tech & Technique
React.js, Stripe Payment, Node.js, MongoDB, Express.js, Tailwind CSS, Framer motion, React Hook Form, Vercel
Description
BloodBuddies is a web application that streamlines blood donation requests and donor matching. Recipients can create requests with required blood group and location details, and donors can view and respond to requests. The app includes user authentication, a dashboard for managing requests, and dynamic district/upazila selection for location-specific matching.
Key Features:
Technical Highlights:
Key Features:
- 🔍 Browse available blood donation requests with filter & search
- 🗂️ Manage your own donation requests
- 📝 Submit and track your donations (protected)
- 🔐 JWT Authentication (Sign up / Login)
- ⭐ Donor and recipient profiles with contact info
- 🤝 Connects donors to recipients for seamless communication
- ⚡ Fast Performance: Optimized React.js frontend with smooth and responsive interactions
Technical Highlights:
- Built role-based dashboard for donors, recipients, and admins
- Tracked donor donation status and request fulfillment in real-time
- Implemented efficient data fetching and caching using React.js with Axios
- Implemented filtering and search functionality for donation requests
My Role
Web Developer
Owned the entire development lifecycle:
Owned the entire development lifecycle:
- ✅ Backend: Built REST API with Node.js/Express and MongoDB/PostgreSQL for blood requests
- 🎨 Frontend: Responsive UI with React, Tailwind CSS, and DaisyUI
- 🔄 State Management: Dynamic fetching, adding, updating, and deleting requests
- 🖥️ Auth: User login and role-based access for donors and admins
- 🧭 Location Features: Dynamic district/upazila selection for targeted requests
- 🚀 Deployment: Hosted on Vercel/Netlify with optimized performance
- 🧩 Interactive Features: Status indicators, conditional buttons, and user-friendly forms