Develop a feature within the Settings screen that allows users to upload, change, or remove their profile picture. This feature should provide a user-friendly interface for managing profile images and ensure that images are appropriately scaled and formatted.
Acceptance Criteria:
Uploading New Profile Picture:
Users should be able to upload a new profile picture from their device.
Support common image formats such as JPG, PNG, and GIF.
Image file size should not exceed 20MB @dchicherin <- is it applicable for locally stored pictures?
Choosing Existing Profile Picture:
If applicable, users should have the option to select from default avatars.
Default avatars:
Viewing Current Profile Picture:
Display the current profile picture prominently.
Removing or Reverting Profile Picture:
Provide an option to remove the current profile picture.
If a profile picture is removed, revert to a default avatar.
Error Handling:
Display clear error messages for unsupported image formats, exceeding file size limit, or failed uploads.
Success Feedback:
Display a success message or visual confirmation when the profile picture is updated successfully.
Performance:
Ensure that image uploading, and rendering are performant and do not degrade app performance.
Test Scenarios:
Test uploading, changing, and removing profile pictures on various device types and screen sizes.
Test error handling scenarios such as attempting to upload unsupported image formats or images exceeding the file size limit.
Technical Notes:
Consider utilizing existing image editing libraries or frameworks to streamline development.
Ensure that images are stored and handled securely (locally?), adhering to privacy and data protection standards.
Description:
Develop a feature within the Settings screen that allows users to upload, change, or remove their profile picture. This feature should provide a user-friendly interface for managing profile images and ensure that images are appropriately scaled and formatted.
Acceptance Criteria:
Uploading New Profile Picture:
Choosing Existing Profile Picture:
Viewing Current Profile Picture:
Removing or Reverting Profile Picture:
Error Handling:
Success Feedback:
Performance:
Test Scenarios:
Technical Notes: