Comments Practice

UI Pieces

• list of comments [ ]
  • comment includes [ ]
    • profile image placeholder [ x ]
    • actual profile image [ ]
      • upload box to upload image [ ]
    • user name [ x ]
    • edit button [ x ]
    • delete button [ x ]
      • does the delete button delete the item in the list of comments or does it just delete the comment part? I made it so it deletes the whole entry.
    • actual comment [ x ]
    • input to edit comment [ x ]
    • submit button [ x ]
• comment input piece [ x ]
  • display name input [ x ]
  • comment input [ x ]
  • submit button [ x ]

User Stories

• submitting comment [ x ]
  • typing in user name [ x ]
    • show the name in input [ x ]
  • typing in comment [ x ]
    • show the comment in input [ x ]
  • clicking submit button [ x ]
    • display user name and comment at top of list [ x ]
    • clear user name and comment from input box [ x ]
• editing submitted comment [ x ]
  • click edit button [ x ]
  • display input to edit comment below the user name and profile image [ x ]
  • include original comment in the displayed input [ ]
  • submit edited comment [ x ]
  • edited comment replaces current comment [ x ]
• deleting submitted comment [ x ]
  • click delete button [ x ]
  • get rid of the listed item [ x ]
• selecting profile image
  • upload profile image [ ]
  • show the profile image as part of the comment when it is submitted [ ]