The Nest

Have work to do, but never do it? Have roommates that don’t do their part in the house? The Nest is a cute, reliable chore/task list organizer for all your productive needs.

Comment

Inspiration

Our main source of inspiration stemmed from the fact that we are college students soon to move into apartments, where such apartment life would require good coordination among roommates to divide and account for chores and upkeep around the house, such as doing the dishes, laundry, cleaning the floor, and others. We thought that it would be interesting to turn this idea into a web application for this hackathon.

What it does

The user has a global pet (one pet for all groups)! The user can either join or create a group. Each group will have their own unique ID. After joining a group, all the group member's pets are shown together in a nest while the current tasks for the day are displayed on the left side of the screen. You can create new tasks, edit existing tasks, finish (and delete) tasks, and cover / take over another group member's tasks.

How we built it

We used DB Browser to create the backend database. Figma was used to format the separate screens we would have. Implementing the frontend was mainly Javascript with some HTML, CSS, and React.

Challenges we ran into

Translating our ideas from Figma to actual code (frontend implementation) was extremely challenging for the entire team. The main problem was that designing the website layout in Figma took a lot of time and that no one in our team was highly confident in implementing the frontend. Connecting the backend and frontend was also challenging.

Accomplishments that we're proud of

Proud of learning how to make color palettes mesh well. Documentation of all package sources and dependencies. Creating and using our own database. Making seamless router connections. Using usestates to reflect user inputs within chore editing UI.

What we learned

We learned how to create vibrant pieces through Figma. Coding formatting through JavaScript and React and managing HTML elements.

What's next for The Nest

Complete the Tasklist: Features such as having multiple pets show up in the same group andhovering over to the task => whoever's in charge of it, their pet jumps were not implemented. Connecting the Pages: Some pages don't connect to one another. For example, when a new user signs up, they should be redirected to "choose a pet" page, but our current code does not do that. Chore Reminders and (Push) Notifications: Implement timely reminders via email or notifications to keep everyone on track. Debt: Introduce tools to track who owes what and how much, with gentle nudges to settle balances on time.

Share this project:

Updates