roomi

main dashboard upon signing in
task window pop up when clicking a piece of furniture/appliance
check how much your roomis have done!
drag and drop your tasks between to-do, in progress, and complete

This is team im hungry hi hungry. Happy to see you here!

Inspiration

We've all experienced feeling like our work around the house isn't acknowledged. We wanted to make completed household tasks more visible to all roommates while giving users an easy way to track their own tasks.

What it does

roomi centers around your household: The platform lets users join a digital house with their roomies. It provides a visual overview of each room around the house, where each piece of furniture and element is interactive. The site connects to a database that keeps track of each task associated with each piece of furniture and person, allowing them to be assigned and edited. Not only does it serve as a functional to-do list, but the site reveals the work distribution amongst your roomis too.

How we built it

Our project currently exists as a website with the frontend built with React, Next.js, HTML, TailwindCSS, and Javascript. The backend was done with Mongodb and Javascript. We used Figma for the UI design.

Challenges we ran into

This project was quite a learning challenge for our team as we experimented with new technologies and techniques. One of the greatest challenges we ran into was learning the backend from scratch, setting everything up, and connecting it with the frontend. However, we are adaptable and quick to learn.

As well, perhaps we were too ambitious with this project. We dreamed big and planned a ton of concepts and functionalities for the site, but ultimately the time limit and our fatigue caught up to us. We weren't great at prioritizing the most important features, meaning some had to be rushed and are not as fleshed out as we'd like.

Accomplishments that we're proud of

We are really proud about our website! Especially the background gradient transitions (thank you delin). We are also proud that we actually submitted something tangible that we built from scratch. Previous hackathons may have not been too successful, but we're learning step by step. We are proud of everything that we've learned throughout the creation of roomi, and the fact that we actually had fun and enjoyed the process!

What we learned

Steph learned javascript! Maggie learned figma and ui/ux! Delin upgraded her front end skills and learned lots of new techniques! Overall, we learned how to plan and design a project within the scope of our skills. As we mentioned above, while web development is not foreign to us, working on a project on this scale in a team was. If we do say so ourselves, our collaboration was on point this time and we learned more than ever how to work as a team.

What's next for roomi

Like we said, we have big plans for roomi. Here are some features we missed out on this time:

Make rooms customizable by being able to drag and drop furniture in a different menu
Make the colours more customizable to every household
Employ data visualization to create a better overview of each roomie's contributions
Better graphics and UI for each room
More personal profile customization and settings