Our team's mission was to make the dating experience smooth, fun and real.

The dating experience has been incrementally difficult while we are all stuck in our houses because of the Corona Virus. We wanted to introduce a sense of real closeness amongst our users by introducing a trivia-based dating app. Inspired by New York Time's article, 36 questions to fall in Love. The idea is that mutual vulnerability fosters closeness. To quote the study’s authors, “One key pattern associated with the development of a close relationship among peers is sustained, escalating, reciprocal, personal self-disclosure.” Allowing oneself to be vulnerable with another person can be exceedingly difficult, so this exercise forces the issue.

What it does

Vino is an online trivia-based dating application. Each user anonymously paired with another user taking into factor their preferred age and gender they would like to be matched up with. Each user then is required to answer trivia questions and also answer their assumptions about other person's choices. Based on the answers by each user the algorithm decides it is a match or not.

How we built it

We began by using Figma to create our user flow and design our project. We built a back-end node server with Express and using MongoDB as our database, and we built the front-end with React. We used WebSockets (through to open connections between the client and server

Challenges we ran into

Some challenges we ran into include connecting the Node.js back-end with the React.js front-end. We also had difficulties with implementing the timed transition screens using React.

Accomplishments that we are proud of

We are proud of our stellar design. Three of our team members had never used to React before, we managed to make a working application using React. Working and communicating virtually through the whole period of the online hackathon was one of the accomplishments we are most proud of!

What we learned

It was everyone's first time learning something new! None of us knew anything about websockets at the beginning of this hackathon, and we all learned (and debugged) a ton. One front-end challenge we also faced was figuring out how to animate transitions between views, because there are a lot of different choices for doing things in React and decided on one was part of the problem-solving process.

What's next for Vino

We think that Vino is a really cool concept and are considering fully building it out in the coming months. We'll consider adding in more features, like being able to video and voice call, as well as completing the chat feature. We'll start off by demoing our hack to others and gathering user feedback in order to iterate on the designs and the user experience!

Built With

Share this project: