LifeRoom

1. First Page of LifeRoom (User create/enter room)
2. Dashboard
3. Bills Tab
4. Bills Add Expense
5. Groceries Tab
6. Member's Tab (checking who's in the room)
7. Setting (check room code / leave room)
8. Chore Tab (add chore)
9. Chatting tab (chatting interface)
10. AI analyzing chat and adds to chore
11. Updated version of tab

Inspiration

As a university student living off-campus, it has always been a pain to keep track of house-related tasks while juggling with academics. Nevertheless, existing tools often focuses on one function, which often separate chatting, chore management, and financial tracking. We wanted to create one centralized platform where roommates could manage their shared living responsibilities together with not having to use multiple notes.

What it does

LifeRoom is a roommate-management platform exists to bring household communication, chores, and shared expenses into one dashboard, all organized in one private room.

Private Rooms : enables users to make a private shared space for selected members with access code.
Real-Time Chat : enables users to communicate with each other through chatting.
Chores : creates, assigns, tracks, and completes household chores.
Bills : enables users to write their bills, splits shared bills and track users and balances.

How we built it

We build LifeRoom as a full-stack web application with a React, TypeScript, Vite frontend and a FastAPI, SQLAlchemy, SQLite backend. The frontend communicates with the backend through REST APIs, while WebSockets provide real-time updates for messages, household changes, and user presence.

Challenges we ran into

Most of the team of the group did not know how to establish the backend, especially utilizing FASTAPI backend, real-time WebSocket communication and synchronization between multiple users. Therefore, we prompted genAI to provide us knowledge and actual code behind them. It took us some time to fully understand and comprehend the code as well as writing testing cases in case of failures.

Accomplishments that we're proud of

This was indeed all the group members' first time to build an actually working website with functional full-stack MVP. We were really proud to successfully manage to solve multi-user testing through separate browser session, and check if the WebSocket works.

What we learned

Everything in fact. Building a React frontend with TypeScript, designing REST APIs, SQLAlchemy... implementing WebSocket communication, designing a data relationship for shared resources. Most importantly all group members of this project would agree that we fully comprehended Git and GitHub for collaborative development which might be the most essential skill as a future software engineer.

What's next for LifeRoom

We are expecting to improvise and add more features such as chore reminders and notifications, receipt-to-bill integration... and eventually establishing mobile phone compatible application for all devices (not only computers).