samipak458/Blood-Support

Muammad Samiullah

Project Manager
Web Developer

Blood Support

Bridge the gap between blood donors & patients and hospitals & blood banks so that they can easily connect with nearby blood donors and blood banks. World’s first two-way communication blood service platform where you don’t only donate blood, you can also request blood.

What is Blood-Support?

Help the blood banks to gather donors more easily. Through our website, donors are able to see nearby blood banks and can donate at any of the blood bank according to their preferences. Also, donors can see the most required blood group under the blood Banks’s information, so that the donor can reach out to that blood bank where the blood is required in emergency. After each donation, donor will be rewarded with points on his/her portal, which will engage our users.
It also help hospitals and maternity centers to get the blood immediately at the time of emergency. Through our website, hospital and maternity centers are able to see nearby blood banks and donors can easily request any of the blood bank or donor according to their preference (required blood group).

What problem Blood-Support solving?

We are trying to help United Nations to achieve this goal by 2030, to reduce the global maternal mortality ratio to less than 70 per 100,000 live births & to achieve universal health coverage, including safe, effective, & quality access to health-care services.
In many cities of our country(Pakistan), mostly, blood banks are not available at nearby hospitals. & this causes delay in the patients’ blood transfusion procedure. When hospitals request blood from blood banks, it takes a lot of time, & sometimes that blood group is not available. Many patients lose their lives because they do not get blood at a moment of emergency.

Website Contents

Patient

Patient Sign-Up

Patient Sign-In

Patient Dashboard

Donor

Donor Sign-Up

Donor Sign-In

Donor Dashboard

Maternal Hospital Blood-Banks

Maternal/Hospital/BloodBanks Sign-Up

Maternal/Hospital/BloodBanks Sign-In

Hospital/Maternal Dashboard

Blood-Bank Dashboard

Tech Stack

The "Blood Support" project harnessed a range of cutting-edge technologies to craft a cohesive and efficient platform, aimed at seamlessly connecting blood banks, hospitals, and donors for swift access to blood during critical situations. The project's technological framework comprises:

Frontend Development:

The team leveraged HTML, CSS, and JavaScript to construct an engaging and responsive user interface, ensuring an appealing visual experience across various devices and screen sizes.

Firebase Integration:

Firebase played a pivotal role by serving as both an authenticator and a robust backend infrastructure. Its real-time data synchronization capabilities facilitated seamless interaction between users and blood banks or hospitals, enhancing user engagement and operational efficiency.

PWA Implementation:

The adoption of Progressive Web App (PWA) technology elevated the platform's accessibility, rendering a native app-like encounter even in low network conditions. This facilitated users in accessing the platform through diverse devices and web browsers.
In alignment with the United Nations Sustainable Development Goal of Good Health & Well Being, "Blood Support" effectively bridged the gap between critical stakeholders, paving the way for prompt access to vital blood supplies during emergencies.

Code Of Conduct 📜

To maintain a safe and inclusive space for everyone to learn and grow, contributors are advised to follow the Code of Conduct.

Partner With Muammad
View Services

More Projects by Muammad