Background

Every church has their own membership. Member in this case is defined as person who regularly come to the church and usually active in the church activities.

Requirements

• Members Management page should contains following components :
  • Table which has columns :
    • ID
    • Name
    • Birthdate
    • Phone number
    • Photo
  • Table should has actions per row :
    • Edit
    • Delete
  • Table should has global actions :
    • Add User

=======

• Birthdate should has format : YYYY-MM-DD | | 2 | As a user I want to be able to add new member | * When user click on Add User button, user will be redirected to an Add Member page
• Add Member page should contains form which has fields :
  • Name
  • Birth place
  • Birthdate
  • Address
  • Phone Number
  • ID Number
  • Photo
• Add User form should contains buttons :
  • Submit
  • Reset

======

• Button submit should trigger form submission
• Button reset should trigger reset form
• Only name field is required to submit form
• Phone number format should be in +{countrycode}{number}
• On creating member, system should also generate unique QR Code for every member. QR Code is static, can't be changed forever
• After successfully adding member, user should see a success message and be redirected to Member Management page | | 3 | As a user I want to be able to edit existing member | * When user click on Edit button, user will be redirected to an Edit Member page
• Edit member page should contains form which has fields :
  • Name
  • Birth place
  • Birthdate
  • Address
  • Phone Number
  • ID Number
  • Photo
• Edit User form should contains buttons :
  • Submit
  • Reset

======

• Button submit should trigger form submission
• Button reset should trigger reset form
• Only name field is required to submit form
• After successfully editing member, user should see a success message and be redirected to Member Management page | | 4 | As a user I want to be able to delete existing member | * When user click on Delete button, a confirmation popup should appear.
• Confirmation popup should contains buttons :
  • Proceed
  • Cancel

======

• Proceed button should trigger member deletion
• Cancel button should close popup
• After successful deletion, user should see a success message and confirmation popup should automatically closed |