Welcome Home Page
Maps View Page (showing nearby hospitals' locations)
List View Page (showing nearby hospitals in an ordered list)
Hospital Details Page (shows hospital's contact information, address, number of beds available, etc)
Beta UI Login
Beta UI Homescreen
Beta UI Patient Info
Beta UI Update Patient Info
Beta UI Delete Patient Info
Beta UI Database
Beta UI Hospital Settings

Inspiration

OpenBed is an app heavily influenced by the COVID-19 pandemic, but also by the healthcare field as a whole. We wanted to make an app for social good that could be useful during regular times but also solved a problem that was amplified by the coronavirus.

What it does

OpenBed provides the user with hospital availability services. With the pandemic spreading like a wildfire, soon hospital availability will become limited. Be the first to know where to go with this new app. OpenBed also provides hospital staff with a web app that not only tracks patient information but ensures that information is easily compatible with other hospitals using OpenBed, reducing the amount of paperwork required if transferring. This database is used to determine the current capacity of the hospital and supply that information back to the mobile user.

How I built it

We used React Native to create both native Android and iOS apps, as well as the Google Maps and Places APIs to highlight the hospitals near you. React Native, Google Maps API, Firebase, Java Script, Android Studio and BuilderX were all used. We also bought a domain.com domain at OpenBed.online and were going to implement a GitHub page onto the domain.

Challenges I ran into

Frontend spent two thirds of their time time using a software called BuilderX, which helped visualize how the React Native / React code would look. Learning its own UI took some adjusting as there was minimal documentation and much of it was deprecated. Once we were finished with an great hospital-side OpenBed UI based in React we come to realize that it did not port well over to Github. The UI came out corrupted and different than it was designed. It caused us to take several steps back and be under time pressure. Also, three of our team members were learning JavaScript, React Native and React on the fly without any prior knowledge. We also learned that putting a github pages with react is a huge pain and requires multiple hours of troubleshooting.

Accomplishments that I'm proud of

The aesthetic UI of the native mobile apps, as well as using Firebase backend implementation to store data that theoretically would work in a non-BuilderX setting.

What I learned

Most of frontends time was spent learning React Native, UI/UX principles, JavaScript, and mobile development, while backend learned more about integrating APIs in both React and React Native.

What's next for OpenBed

The idea would be that global implementation could be possible with an app like this, however, a quick rollout would require many hospital systems to rework their IT systems, preventing our product from being relevant to the current pandemic. However, OpenBed could still help assist in future pandemics as well as improve day to day life of hospital staff and clientele by reducing workloads.

Discord Names

ChloroSquid#6990 JJD#8069 RADSTER#6720 Jason McCollough#8853

Built With

Submitted to

RowdyHacks 2020
- Winner Best use of Google's Map API

Created by

I worked on the front-end design of the native android and iOS apps in React Native, using a somewhat deprecated tool called BuilderX. I also worked on implementation with a web-scraping app called ParseHub that didn't end up in the final project. This would've been able to grab phone numbers as well as images for all the hospital cards the user sees in List View. I also assisted Jason with React building the initial webpage, testing as he edited, and offering guidelines, as it was his first time using node.js as well as React or React Native.

Jacob Dong
I'm a Mechanical Engineering major with a minor in Computer Science at the University of Texas in Dallas with a love for hackathons!
I helped work on the back-end of this project. We were trying to figure out a way to use google firebase to store,and upload data in real time. My biggest challenge was learning JavaScript, Android Studio, React Native,and BuilderX. However, now I have a few more skills with me that I can further develop because of this.

Imani Braxton
I worked on front-end development of the original OpenTable web UI using React, Builderx, Java Script and Visual Studio Code. This did not make the final cut of our project due to difficulties with Builderx's portability and its React code.This was challenging as a first Java Script and React User.
Also contributed to the devpost content.

Jason McCollough
I worked on incorporating the react-native-maps and geolocation components into the program as well as the Google Places API. I also investigated using Twilio to notify potential patients when a regular or ICU bed opened at a hospital nearby.

Ryan Radloff
University of Texas at Dallas 2022