Waiting Room

🏥 “How can patients be prioritized for medical assistance in light of covid-19?”

Timeframe

36 hours
January 2021

My Role

Front-end
Back-end
UX/UI Design

Team

David Guo

BRIEF

Waiting Room is my favorite hackathon project!

My friend David and I made this for the seventh iteration of Swamphacks, University of Florida's annual collegiate hackathon.


THE PROBLEM

Close contact during the pandemic

The covid-19 pandemic has caused massive overcrowding in hospitals, with a lot of hospitals reaching full capacity. There is also a high risk of coming into contact with the virus in physical waiting rooms and medical spaces.


PROPOSED SOLUTION

Contact-free waiting rooms.

I had the idea of making a platform that provided a way for patients to safely avoid overcrowding in hospitals and get access to resources based on need and severity (if they were at high risk of having covid or severe illnesses).

Me and David wanted to create a platform where patients could easily send diagnostic data to hospitals. The website intends to take away the risk of contact in physical waiting rooms during the pandemic to avoid the spread of COVID-19 symptoms.


VISUAL DESIGN

Hospitalization isn't a very light topic to discuss, so I wanted to design an experience and create a design meant to ease users through the process of reserving a spot in the “waiting room”.

The illustrations of the project are vector based and intended to be friendly to the user, while also not being too distracting from the process of using the site. The overall style is meant to be light and soft , hence the undertones and pastels used in the design.


BUILDING

We thought it would be easiest to collaborate on a Glitch project since we were working remotely.

We settled on using Firebase, because we didn't have experience setting up a database or account authentication and believed using an external service would be the best option for the project.

We also thought that using APIs would be useful to implement data external to the project into the website without manually compiling it.


RESULTS

The final product!

Users can submit a form on our website, answering what type of symptoms they have, which are then triaged by the EndlessMedicalAPI. This information is then sent to a database that can easily be accessed by hospitals.

The form.

To update and access any information they have submitted, users are able to log in securely through Google Authentication.

Google authentication - working with this tool for the first time was super fun!

Users can also look for hospitals near them through the Google Maps API.

Working with Google Maps was more of a challenge. I couldn't get the API to connect with user-inputted location information before the end of the hackathon, unfortunately.


MORE PROJECTS

RISE x JUV

Brand, Marketing

Trill Group Chats

UX/UI, UX Research

Helloo World Revamp

Brand, UX/UI


Like what you see? Let's connect.