BloodSaver

Connecting Donors to Recipients, Saving Lives One Drop at a Time

Comment

Inspiration

The inspiration behind BloodSaver stemmed from a deep understanding of the critical need for efficient blood donation systems and emergency alert mechanisms. Witnessing the challenges faced by both donors and recipients in accessing and providing timely blood donations, we were driven to create a platform that could bridge the gap and potentially save lives.

What it does

BloodSaver is a comprehensive platform designed to connect blood donors with recipients seamlessly. Built with React, MongoDB, Cloudinary, and ExpressJS, it enables users to offer and donate blood easily. One of the standout features of BloodSaver is its emergency alert system, allowing users to quickly notify a designated contact in case of urgent situations.

How we built it

We built BloodSaver using some cool tools! For the UI, we used React. It helps make everything look nice and work smoothly. MongoDB served as our database for storing and retrieving user information. Cloudinary takes care of our pictures, making sure they load quickly and look great. To connect everything and make sure it runs smoothly, we used ExpressJS.

Challenges we ran into

Throughout the development process, we encountered various challenges. The slow runtime of Cloudinary posed a hurdle, impacting the overall performance. Additionally, we faced a routing issue on Vercel, leading to 404 errors. To overcome these obstacles, we implemented a Vercel.json rewrites script, optimizing the platform for a smoother user experience.

Accomplishments that we're proud of

Despite the challenges, we are proud to have created BloodSaver, a platform that has the potential to make a significant impact on the accessibility of blood donations and emergency alert systems. Our team's collaboration and problem-solving skills have resulted in a functional and user-friendly application.

What we learned

The development of BloodSaver provided valuable learning experiences. We gained insights into optimizing media handling with Cloudinary, troubleshooting runtime challenges, and implementing efficient routing solutions on Vercel. It doesn't allow writing files like pictures to the backend, only reading. This led us to shift to Cloudinary for a more suitable solution.

What's next for BloodSaver

Looking ahead, we envision expanding BloodSaver's capabilities. Future iterations may include enhanced user profiles, real-time notifications for urgent blood donation needs, and further integration with health systems. Our goal is to continually improve and refine BloodSaver to better serve the community and contribute to a more accessible and efficient blood donation ecosystem.

Share this project:

Updates