Design: UI components, functions & pages

[OrAbramovich]

UI design: define components in Vue.JS, functions, pages, dependencies (based on the HLD).

[omrihuller]

Use Cases:
Input represents the data needed to perform the action i.e. the data we send with the request,
Output represents the received data i.e. the result of the request.

• Login request:
  Input: Email + password
  Output: Success/Fail

• Register request:
  Input: full name + Email (unique) + password + email (unique) + date of birth + user preferences (hobbies, interests etc)
  Output: Success/ feedback (taken user name/email, weak password)

• Search query:
  Input: location + prices + apartment features (rooms, AC, #roommates, etc) + user specific preferences
  Output: search results preview

• Additional search page:
  Input: location + prices + apartment features (rooms, AC, #roommates, etc) + user specific preferences
  Output: search results preview

• Specific search result:
  Input: search result preview
  Output: complete apartment profile

• Interested:
  Input: user id + apartment id
  Output: Success/Fail

• Add comment:
  Input: user id + apartment id + text
  Output: Success/Fail

• Apartment request:
  Input: apartment id (extracted from related user/owner)
  Output: complete apartment profile

• Apartment edit request:
  Input: apartment id + changes
  Output: complete apartment profile (editable if you are the uploader)

• User profile request:
  Input: Email
  Output: complete user profile

• My profile request:
  Input: Email
  Output: complete profile, editable

• My profile edit request:
  Input: Email+ changes
  Output: complete profile, editable

[alonttal]

Hi Omri,
In registeration there is no username field.
we use email as the username.

[omrihuller]

@alonttal ok, updated everything to use Email in place of username.