Roomie - Avoid Fights

Inspiration

Now more than ever, it’s crucial to maintain healthy relationships with those you live with. You don’t want to hate the guts of the person in the room next to you. From personal experience, roommate dynamics can be challenging, where Miscommunication, messiness, and eating each other’s snacks are the most common causes of disagreement.

What it does

Introducing Roomie, a website designed to help you and your roommates stay on top of tasks, expenses and each other’s schedules. Some things Roomie can do are: Assign chores and tasks, track monthly expenses, maintain a group calendar, keep track of the grocery list, notes, and a whiteboard to doodle and have fun with your roommates.

How we built it

We used the React library to create an interactive UI and site functionality. For the website design prototype, we used Figma to create interesting, aesthetic graphics, where we then exported to HTML and CSS to use in our project. Overall we used a combination of HTML, JavaScript and CSS to create Roomie.

Challenges we ran into

Some challenges we faced include our Figma files not exporting properly into JS and CSS. Our elements kept moving or some didn’t show up. This was our first time using React for our project, and there were some differences from regular JavaScript that challenged us. One of them is site navigation, which is executed differently.

Accomplishments that we're proud of

Overall, we are proud that we were able to produce a semi functional webpage with an aesthetically pleasing design. We got much further in this project than we anticipated and we look forward to finishing it in the future.

What we learned

Some key things that we learned during this project were how to combine the use of HTML, CSS and Figma in the production of our webpage. We also significantly improved our knowledge of JavaScript and how to use it to give our website functionality. Additionally we learned how to use react, which was a new experience for everyone on our team.

What's next for Roomie - Avoid Fights

In the future we plan to finish the webpage by adding its remaining elements of functionality which we were unable to finish before the deadline. These will include adding colour coding to the chores board to identify who is assigned to what chore, making it possible to add events to the calendar, making it possible to keep track of bills on the bills page, and also adding in a log in feature to be able to create a group with your room mates.