Pride Match

• 

  Home page AKA Game page where users can browse through games and the players

• 

  List of Teammates appear if user wants to find teammates from a specific game. Hovering over a teammate will colour the border.

• 

  Confirmation to add the teammate

• 

  Notification for adding the teammate

• 

  List of recommended teammates based off currently added teammates of the user. If user is not logged in, then random teammates will display.

• 

  Teammate profile up close. Orientation, gender, and pronouns are displayed.

• 

  Teammate profile up close. Orientation and gender are displayed but not pronouns because of the user's choice.

• 

  First half of the forums page where Games Forums can be accessed

• 

  Second half of the forums page where General Forums can be accessed

• 

  Specifically the Games Forums page

• 

  Specifically the General Forums page

• 

  Login with a Google account or an account with Pride Match

• 

  Google account login is supported

• 

  first half of the registration form with the choice of registering with a Google account

• 

  Second half of the registration form

• 

  Close up of the pronouns, gender, and orientation section of the registration form

• 

  Account menu for logged in users instead of "Login" and "Register"

• 

  View my profile

• 

  View all my teammates

• 

  View all my teammate requests/notifications

Pride Match

Find gaming teammates within the LGBTQIA+ community!

Inspiration

We wanted to create a gaming platform for the LGBTQIA+ community where they can find teammates or friends for the games they play. Pride Match is our solution for making an inclusive gaming experience where users have a sense of validation as everyone on this platform is a part of the LGBTQIA+ group, an ally, or from another minority group.

What it does

Pride Match is a web application where the LGBTQIA+ can find teammates for games they play. Users can browse through a selection of games and add teammates who play the same games and share similar interests, which are shown on their profiles. Their profile can also display their gender, pronouns, and orientation if they choose to do so.

The recommendations page suggests teammates based off the user's current/mutual teammates and other potential teammates' interests and games. If a user is not logged in, then random teammates will be displayed. This is how Pride Match users can find friends to connect and play with!

Pride Match also has a Forums page with a game and general category. The games forum is where the community can converse about games while the general forum is for any other topic. We have planned for forums to have their own chat so that users can easily interact with one another and potentially become teammates.

For login, users can login with the account they registered with Pride Match or login with their Google account. If it is their first time logging in with their Google account, they will be prompted to complete the rest of the registration form such as filling in their orientation (optional), listing the games they play, linking their social media, etc.

How we built it

In our GitHub repository, we have created an organization called Pride Match and a repository for both the frontend and backend. Here's our link.

For the frontend, we designed it with React which includes HTML, CSS, Javascript (JSX). As for the backend, we are using Python while MySQL is used for the database. We also utilized Google OAuth for Google logins. We plan to incorporate Firebase for our messaging and notifications systems.

Challenges we ran into

We had a few merge conflicts that were resolved after some time. Other than that, everything else went smoothly but we may not have enough time to fully complete all planned features such as the forums.

Accomplishments that we're proud of

We're proud to have gone as far with this application as we could. Everyone has contributed their best effort to make Pride Match possible. We're also proud of going through with this idea because it encourages inclusivity and validity within the LGBTQIA+ group. Even allies can be included and join in!

What we learned

We'd like to thank TeamLiquid for hosting the PrideMakers 2021 Hackathon. It was a pleasure to work with each other as we are all from different parts of the world. We learned to effectively communicate with one another. Some of us learned new technology and some of us further enhanced our skills! It was a great opportunity to do something for the LGBTQIA+ community. We consider ourselves allies, and this experience will further encourage us to support them in any way we can!

What's next for Pride Match

Pride Match can definitely do more to support our fellow LGBTQIA+ members. Another feature that can be implemented is a "News Forum" where users can discuss current events related to the community. This forum can also include the option to organize Pride parades and petitions, links to other LGBTQIA+ clubs, and donations to LGBTQIA+ causes.

Built With

• css
• firebase
• google-gmail-oauth
• html
• javascript
• mysql
• python
• react