BloodBridge
Revolutionizing Healthcare Access: Our project connects hospitals, patients, and donors, ensuring timely access to life-saving resources. Join us in making a difference!
Created on 17th March 2024
•
BloodBridge
Revolutionizing Healthcare Access: Our project connects hospitals, patients, and donors, ensuring timely access to life-saving resources. Join us in making a difference!
The problem BloodBridge solves
BloodBridge: Connecting Donors, Hospitals, and NGOs for Efficient Blood Donation
Here's what you can tell the judges at your hackathon about BloodBridge:
Concept:
BloodBridge is a web application that connects blood donors, hospitals, NGOs, and patients to streamline the blood donation process and ensure optimal blood availability.
Key Functionalities:
Donor Features:
Search for nearby blood donation camps
Receive notifications about blood donation needs based on their location and blood type.
(Future Scope) Track blood donation history using blockchain technology (enhances transparency and trust).
Hospital Features:
Manage blood inventory in real-time
Predict blood storage duration to minimize wastage.
View inventory of other hospitals to identify potential blood sources during shortages.
Request blood from other hospitals for critical situations.
NGO Features:
Organize and register blood donation camps.
Utilize targeted campaigns to attract donors.
Access hospital blood inventory to direct blood to facilities with the greatest need.
Benefits:
Challenges we ran into
Learning React: We faced a learning curve with React, especially for new team members. We overcame this challenge through training sessions, online resources, and community support.
Integrating Tailwind CSS: Initially, setting up Tailwind CSS posed challenges, such as configuring utility classes and managing CSS file size. We resolved this by carefully reviewing documentation and using optimization tools like PurgeCSS.
Maintaining Styling Consistency: Ensuring consistency in styling across components and managing complex CSS configurations was challenging. We established clear naming conventions and design patterns, leveraging Tailwind CSS utility classes for consistent styling.
Performance Optimization: Performance issues arose with rendering speed and bundle size. We addressed this by implementing code-splitting techniques, optimizing rendering with React.memo and useMemo, and reducing unnecessary re-renders for a smoother user experience.
Technologies used