/hackthe90s

System Hacks 2019 - hack the 90s

Primary LanguageHTML

logo

Get a Room

Try it out with a friend at http://getaroom90s.herokuapp.com/ (chrome only)

Authors

Patrick Kong -- PostgreSQL database API, front-end development
Le Nguyen -- JSON design and generation, front-end development
Bonnie Chen -- UI Designer
Rachel Bae -- UI Designer
Sorina Chirhei -- Socket.io implementation, backend logic

Inspiration

The 90's was rife with internet chat rooms - AOL, MSN, Yahoo! Pager... There's something remarkably fun about jumping into a room anonymously and meeting interesting people. We wanted to bring that experience to the 21st century, but with a romantic twist!

What it does

Get a Room matches two users and gets them to answer a series of questions about their interests (think newlywed game). Each answer that matches earns them points and if have enough points by the end, they are able to chat with each other!

How we built it

Front end Our designers used Adobe Illustrator and After Effects to design the UI. It was then implemented with HTML5, CSS3, and Javascript.

Back end We used PostgreSQL, node.js, and express.js to create a database that stores and returns usernames and question responses. For the response matching, we used regular expression matching to determine if two answers were the same. Socket.io was used to create the chatting part of the application.

Challenges we ran into

There were authentication obstacles with hosting the database on Heroku. We ended up using ngrok to create a secure tunnel to our localhost.

Accomplishments that we're proud of

WE LEARNED A BUNCH! We picked up socket.io, node.js, and PostgreSQL to build a functioning chat application. We're also super happy with how the UI looks.

What we learned

Socket.io, node.js, PostgreSQL.

What's next for Get A Room

We would like to fully implement the UI and use natural language processing to improve the answer matching.