BloodDonors

• 

  Donation leaderboard

• 

  Home Page

• 

  Sign Up Page

• 

  Profile Page

• 

  game

Inspiration

COVID-19 Sucks. Across the world, hospitals are facing a blood supply crisis as a side effect of the pandemic. After all, if even going to the grocery store is considered a battleground, there just isn't enough incentive to donate. but the need for blood doesn't stop, not even for a worldwide pandemic. We wanted to create a new app that would usher in a new generation of blood donors and keep existing ones coming back to help save lives.

What it does

Our web app is designed to make donating blood and plasma fun and fruitful for younger generations. What do young people go crazy over? Cute cats! By gamifying the process of donating, providers are now able to attract a larger audience of healthy donors. Users are able to sign up for blood donation appointments through the web application, and our partnered clinics will be able to reward them with experience and other rewards upon completion. Each user has an account that keeps track of the amount they donate whether it be blood or plasma.

Instead of resorting to monetary incentives, our app uses a much more addictive and sustainable currency - competition and satisfaction. We connected the amount someone donates to a carefully calculated points system, which they would be able to spend on interacting with their own personal feline companion. With enough interactions, the user can level up and earn badges to feel accomplished. Not only will they be a hero for saving lives through their blood, but they can also feel satisfied having the most decked out trophy room and the happiest cat. There is also a leaderboard to ignite the competitive spirit in their hearts!

As our service grows, we plan on partnering with food and beverage companies to ensure our users are in tip-top shape to continue staying healthy and donating. Each company will be able to provide coupons, which are then redeemable by our users after a donation. What's not to love about donating blood and eating good because of it?

Overall, our service helps users connect with local clinics and stay motivated to keep donating. We all benefit from having more blood available!

How we built it

We used Django REST Framework to build the API and we used React to build the frontend.

In the backend, we implemented functions to create and update user profiles, appointments, providers, coupons, and badges. We also created functions to return lists of users and appointments to power our leaderboards. We also used NCR's API in order to store our providers to display in the frontend.

In the frontend, we used components from the Ant Design library to build out the leaderboards, profile page, home page, and about page. We learned about state hooks and inheriting components in order to dynamically update our pages. We also created helper functions to call our backend API and transfer data between the full-stack application.

What we learned

One of our members participated remotely from Texas, making it difficult to coordinate together and stay on track. Additionally, this was the first time many of us have used React and worked on front-end development, and we learned a lot about many of the challenges and obstacles one would face in this field. Learning to work with different API's and linking the front-end to the back-end was quite the challenge as well, and we have gained a lot of experience in the entire software development process as a result.

What's next for BloodDonors

Our main short-term goals are fine tuning the front end and migrating the SQL to Google Cloud Platform. We also plan on fully gamifying the process with the feline companion as well as gacha mechanics.

Built With

• django
• react
• sqlite