Co-Living

• 

  grocery list

• 

  bill splitter

• 

  grocery list with an entry

• 

  The welcome page

• 

  the sign in

• 

  chores

• 

  bill splitter with and enttry

Inspiration

As University students living away from home for the first time with new people, we are bound to run into challenges with our roommates. Co-Living is here to help, it is the one stop shop for roommates to help settling the morning coffee tension about who has to take the trash out or who paid for the groceries the night before.

What it does

Co-living allows roommates to be able to log into their account to track who has to do what chore each week, with a feature to be able to rotate the chores among the roommates. Furthermore, there is a feature where each roommate is allowed to put in each of their purchases for the house to create a running total to ensure that the cost is divided fairly among each of the roommates. As well, there is a tab for the house grocery list where you are able to input items for the house as well as individual lists for each of the roommates.

How we built it

Co-living was built using JavaScript, CSS and HTML using github to collaborate all of the pages that we individually made together.

Challenges we ran into

We ran into challenges using the github interface as it was the first time any of us had used it to collaborate in such a problem. Furthermore, we ran into problems with our JavaScript forms due to lack of experience with the feature. As well, we ran into problems having the chores rotate through the roommates when they are not the same number. Logical errors were definitely our greatest villain throughout this project.

Accomplishments that we're proud of

We were proud of our use of merging front end and back end projects together as we were very inexperienced in this field at the beginning of this project. Furthermore, we were proud of being able to sum the input values from the users when we created our bill splitter.

What we learned

We learned a lot about the application of DOM in JavaScript as well as the integration between JavaScript, HTML and CSS. Furthermore, this was the first time any of us had really used CSS so we were proud of our ability to utilize this tool.

What's next for Co-Living

We would like to make it so you can create different user accounts for many people to take advantage of this amazing tool. As well we would like to be able to integrate the grocery lists and the bill trackers together so when items are checked off you are able to enter who purchased the group items and for what amount to make it work more seamlessly.

Built With

• css
• html
• javascript