Roomies

• 

  Home page

• 

  Sign up page

• 

  Meet page

Inspiration

Making new friends in college is hard, so we wanted to make it easier for students to connect.

What it does

Our website presents other students' profiles to a student who can either reject or accept the profile and potentially become roommates.

How we built it

We built Roomie by using a combination of Javascript and Python by using Flask for the server and Javascript to interact with Firebase. We use Firebase for user authentication and for the database (Realtime Database) to hold profile information. The front end was created using HTML and CSS and previously mocked up before styling on the website.

Challenges we ran into

One of the biggest challenges we faces was trying to use and connect firebase. Another major challenge was that some of the resources we used ad outdated code.

Accomplishments that we're proud of

We were successfully able to connect firebase to the rest of our code.

What we learned

We learned how to use Firebase's real time database to read and write data along with displaying it on the website using Vanilla Javascript for the "tinder-esque" style of picking roommates. We also learned more about using Flask, (our second time using it) and how to link external files to Flask.

What's next for Roomies

We hope to perform outreach and actually release the site to the public. In terms of features and extra additives to make our project better, we want to add a user feedback system, as well as create a more efficient program.

Github link: https://github.com/chrisdaid/pantherhacks22

Built With

• css
• figma
• firebase
• flask
• html
• javascript