Inspiration
After consulting a friend who majors in the life sciences about healthcare equity, we learned that one issue that the queer community faces is a lack of data and representation in research studies. Our site aims to serve as a safe platform that bridges the gap between the queer community and groups conducting clinical studies in order to help improve queer representation within clinical research and provide the queer community opportunities to participate in clinical studies.
What it does
To bridge this gap, groups conducting clinical studies can post research study opportunities that users from the queer community could participate in. We intended for our site to prioritize safety and credibility through a neutral, third-party verification process, and also provide information informing users about their patient rights, how to go through a clinical study, and what they should expect when participating in a clinical study.
How we built it
We built this web app using React, JavaScript, HTML, and CSS.
Challenges we ran into
The main challenge we had with this project was the fact that we decided to use React, which is something none of us had much experience with. Some other noteworthy challenges included creating a fully functional NavBar with Bootstrap, creating a grid that displayed different elements, and finishing the pages and features that we originally planned under the time constraint.
Accomplishments that we're proud of
A few accomplishments that we’re proud of include successfully implementing BrowserRouter in the NavBar, fixing the grid on the homepage to display different elements, and creating a working search page.
What we learned
This project was a great opportunity for us to learn the basics of React as well as how to practice integrating Javascript, HTML, and CSS in a full-size website. Additionally, we were able to practice using GitHub repositories in a collaborative setting, highlighting the importance of clear communication when working in a group. Furthermore, the array of features that we intended to add to this project provided us with ample opportunities to interact with various libraries and dependencies in our source code, which presented a new set of challenges.
What's next for QXR
We have many ideas for ways to extend and improve this project beyond the limitations of this weekend’s timeframe. In the future, we would definitely want to implement the ability for users to create accounts that would personalize research study opportunities for them, the ability for prospective research institutions/organizations to create accounts/get verified/get added to our site, allow for users to filter postings by search criteria and location, and add overall finishing touches to improve the appearance of our website. As of now, not all of the pages are linked properly together, nor do they display the information necessarily the way we would like it to. For example, we wanted to make the site responsive so that all of the information would be displayed in an easily readable way as the screen size was changed. However, with our current home page, the grid is static and always displays four columns no matter how small the screen, which can make the text within it very difficult to see.
Log in or sign up for Devpost to join the conversation.