Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Team members: Stephanie Chang, Qian Long, Isabella Lubin

Designs

Image Modified 
 1) The login screen

Image Modified 
 2) The home screen, before a budget has been created

Image Modified   

...


3) Editing a budget

Image Modified   

...


4) Adding categories and amounts to the budget

Image Modified 

...


5) The home screen after a budget has been created and
expenses have been added. There are quick links to common features.
All tabs are now activated as well.

Image Modified   

...


6) The budget editing page, where users can see how much money has been allocated to each category, and how much is unallocated.

Image Modified 

...

 
7) Adding an expense. You may also add multiple expenses
at once, or cancel one or all of your unsaved entries.

Image Modified   

...


8) A summary page of budget categories and money spent in each.

Image Modified   

...


9) Editing a previously saved expense

Image Modified 

...

 
10) A pie chart depicting breakdowns of budget money by category.

Image Modified   

...


11) The Share Budget page, where users can see who
else can view their budgets and expenses.

Image Modified   

...


12) Giving viewing permissions to another person.

Image Modified 
 13) Viewing someone else's budget. Note that editing budget
and adding expenses have been disabled.