Supply Spot

Inspiration

Due to the coronavirus pandemic, It is mandatory to follow social distancing measures. Not to mention, some countries went under complete lockdown. The phenomenon of the drop in voluntary donation has been noted in many countries across the globe. In Saudi Arabia, hospitals noticed a significant drop of 40% in blood bank-based collections.

In light of this, we have built a mobile app that provides an immediate blood supply to urgent situations.

What it does

2 user interfaces:

Blood donor: enter his/ her information such as contact information, blood group, and distance he/ she is willing to travel to donate blood

Blood bank: register on the app and send a push notification whenever they're in need of blood

Blood donors will receive notifications according to their blood type and location

Features

Users can to register for an account or log in
Users will need to upload their blood donation document for blood type record
On the home page, users can indicate their geographical locations and blood type
If a user wants to donate blood, he/ she can create a post by filling in the details accordingly.

How we built it

High fidelity wireframe and UI designing using Figma,

After finalizing the features and pages that we wanted, we used Figma to plan out what our application looks like.

Kodular for mobile app development

One of our developers created all of the presentational components, styling, navigation, and created the logic which stores and retrieves information into Firebase.

Firebase + Google Cloud Platform for back-end development

Firebase is backed up by GCP's very secure storage and is used to store a user's login credentials, profile, and settings

Challenges we ran into

Time zone was a challenge, as we have 3 different time zones and not all developers are awake at the same time. However, we are able to overcome this through effective communication and planning.