Player Two

• 

  Home Page

• 

  Profile Modification (+ File Upload WORKS!!)

• 

  Match Cards (with next + match options)

• 

  Out of Matches (or Loading)

• 

  Firebase Storage

• 

  Firestore Schemas

• 

  Backend Endpoint Documentation

• 

  Chat Window (only halfway functional)

Inspiration

Love has no borders, and distance is no exception. Games are an amazing way to form connections and bond with others, but sometimes their fleeting nature/duration don't allow this property to shine. We're building an app with the necessary conditions to arrange for gaming experiences that persist in the long run to create meaningful friendships or even deeper relationships.

What it does

Player Two is a gamer-matching app that can be used to find a gaming buddy, a league-booster, Valorant one man (or woman) carry, or even significant other. It aims to be easy to use, recommend relevant matches (sharing games in common, consider rank/skill disparity, sex/age preference, etc), and in general, just be a new fun way to meet people!

How we built it

We built a React frontend with components from the AntDesign UI Library, connected to an Node.js/Express backend that interfaces with Google Firebase products such as Storage (for blobs/image files) and Firestore (as a more general database for user information). We also implemented data-science pipelines in python to optimize potential displayed matches.

Challenges we ran into

Integrating Firebase and the Matching algorithm turned out to cause much more friction than we expected. There were lots of incompatibilities with versions and implementations and lots of conflicting references. Getting the app (backend and frontend) deployed using Firebase caused a lot of problems too, so we eventually settled on focusing on more functional components and serving the experience on localhost.

Accomplishments that we're proud of

Getting a somewhat nice frontend set up, as well as getting all of the backend stuff connected! It's super frustrating when things don't work when you think they should, but all the more satisfying when it does (in particular, image uploading was a huge headache but figuring out was so satisfying!)

What we learned

We learned a lot about React and its ecosystem of material libraries, effects/hooks, and the Firebase tools, Firestore and Storage.

What's next for Player Two

The time constraints of the hackathon were simply not enough to get everything done, and we definitely think there is a lot more potential and features to be built out. It would be super cool to see this go live and possibly adapt a mobile-facing version of the app, or even integrations with games/verification of user profiles, rank, or skill assessments.

Built With

• express.js
• firebase
• firestore
• flask
• node.js
• python
• react