sebhd1 / taskify Goto Github PK

As a user, I want to be able to view a list of other users so that I can see who else is using the application.

Acceptance Criteria:

1. Users should be able to access the user list from the application's main menu.
2. The user list page should display a list of usernames or display names of all registered users.
3. Each user's name in the list should be clickable, leading to their user profile.
4. The user list should be organized in a clear and easy-to-read manner.

Tasks:

1. Design and implement a user list interface accessible from the main menu.
2. Develop a user list component that displays the usernames or display names of all registered users.
3. Retrieve the list of users from the database and populate the user list.
4. Implement functionality to make each user's name clickable, linking to their user profile page.
5. Organize the user list to present users in a user-friendly format.
6. Test the user list to ensure that user names are correctly displayed and clickable.
7. Conduct usability testing to ensure the user list is easy to navigate.
8. Optimize the user list component for performance and responsiveness.

As a user, after logging in, I can add a profile picture so that other members can easily recognize my tasks or comments.

As a user, I want to be able to send a message to the website administrators through a contact form, so that I can inquire about information or provide feedback.

Acceptance Criteria:

1. Users should be able to find a "Contact Us" link or button in a prominent location on the website.
2. Clicking on the "Contact Us" link or button should lead users to a dedicated contact form page.
3. The contact form should include fields for the user to input their name, email address, subject, and message.
4. Mandatory fields (such as name, email, and message) should be clearly marked and validated before submission.
5. Users should receive an appropriate error message if they try to submit the form with missing or incorrect information.
6. After successfully submitting the form, users should receive a confirmation message indicating that their message has been sent.
7. An email notification should be sent to the website administrators containing the user's contact details and message content.
8. Implement CAPTCHA or an equivalent anti-spam mechanism to prevent automated submissions.

Tasks:

1. Design and create a "Contact Us" link or button in a visible location on the website.
2. Develop a dedicated contact form page that users are directed to when clicking the "Contact Us" link or button.
3. Design and integrate input fields for the user's name, email address, subject, and message.
4. Implement client-side validation to ensure that mandatory fields are filled out and have correct formats.
5. Develop backend logic to process and validate the contact form data before sending it.
6. Create an appropriate error messaging system to guide users in case of submission errors.
7. Design and implement a confirmation message for users upon successful form submission.
8. Set up email notification functionality to inform website administrators of new contact form submissions.
9. Ensure that user contact details and message content are properly formatted in the email notification.
10. Integrate a CAPTCHA or equivalent anti-spam solution to prevent automated submissions.
11. Test the contact form in various scenarios to verify that it's functioning correctly.
12. Conduct usability testing to ensure the contact form is easy to use and understand.
13. Optimize the contact form for accessibility, responsiveness, and performance.
14. Provide clear instructions or guidance on how to use the contact form effectively.
15. Monitor the contact form functionality after deployment to ensure continued proper operation.

PS: the contact form is just for displaying purpose

As a site owner, I want to improve the way my website handles 404 errors so that users who encounter missing or broken pages are provided with helpful guidance.

Acceptance Criteria:

1. A custom 404 error page should be created and displayed when users encounter a page not found error.
2. The custom 404 error page should include a clear message indicating that the requested page was not found.
3. The error page should provide a link back to the homepage for easy navigation.
4. Minimalistic and user-friendly design should be maintained on the custom error page.

Tasks:

1. Design a simple and visually appealing 404 error page that matches the website's theme.
2. Develop the custom error page to display the "Page Not Found" message prominently.
3. Include a link or button that allows users to navigate back to the homepage.
4. Implement the necessary code to trigger the custom error page when a 404 error occurs.
5. Test the error handling mechanism to ensure that the custom page is displayed as expected.
6. Ensure that the custom error page is responsive and works well on various devices.

As a user, I want to be able to create a new account so that I can access the application's features.

Acceptance Criteria:

1. Users should be able to access the account registration page from the application's landing page.
2. The account registration page should include fields for entering a username, email address, and password.
3. After entering registration details, users should be able to click a "Register" button to create their account.
4. Upon successful registration, users should receive a confirmation message and be redirected to the login page.
5. Usernames and email addresses should be unique, and users should receive an error message if they attempt to register with existing credentials.
6. The account registration page should have clear instructions and be designed for user-friendliness.

Tasks:

1. Design and implement an account registration page accessible from the landing page.
2. Develop the registration form with fields for username, email, and password.
3. Implement validation to ensure that usernames and email addresses are unique.
4. Create backend logic to store user registration details securely in the database.
5. Design and integrate a "Register" button to trigger the registration process.
6. Develop a confirmation message system to inform users of successful registration.
7. Implement error handling to display appropriate messages for duplicate usernames or email addresses.
8. Test the registration process to verify successful account creation and error handling.
9. Conduct usability testing to ensure the registration page is straightforward and user-friendly.
10. Optimize the registration process for performance and responsiveness.
11. Review security measures to protect user data during registration.
12. Update documentation to provide guidance for the account registration process.
13. Monitor the registration functionality post-launch to address any potential issues.

As a user, I want to be able to log out of my account so that I can securely end my session on the application.

Acceptance Criteria:

1. Users should be able to access the log-out option from the application's main menu or account settings.
2. Clicking on the log-out option should immediately log the user out and redirect them to the landing page or login screen.
3. After logging out, users should no longer have access to any restricted or authenticated content.

Tasks:

1. Design and implement a log-out option accessible from the main menu or account settings.
2. Develop the functionality to log the user out upon clicking the log-out option.
3. Set up a mechanism to clear the user's session and remove their authentication tokens.
4. Design the redirect behavior after successful logout, leading to the landing page or login screen.
5. Ensure that after logging out, the user no longer has access to any restricted or authenticated content.
6. Test the log-out functionality to ensure that users are successfully logged out and access is properly revoked.
7. Conduct usability testing to ensure the log-out process is intuitive and user-friendly.
8. Optimize the log-out process for performance and responsiveness.

As a user, I want to be able to create new tasks so that I can keep track of my to-do items.

Acceptance Criteria:

1. Users should be able to access the task creation interface from the task management interface.
2. The task creation interface should include input fields for entering the task title and description.
3. After entering the task details, users should be able to click a "Create" button to add the task to their list.
4. The newly created task should appear in the task list with its title displayed.
5. The task creation interface should be designed for ease of use and clarity.

Tasks:

1. Design and implement a task management interface for users.
2. Develop a task creation interface that includes input fields for task titles and descriptions.
3. Implement functionality to capture user input and create new tasks in the database.
4. Display the newly created task in the task list after successful creation.
5. Test the task creation process to ensure that new tasks are correctly added to the list.
6. Optimize the task creation process for performance and responsiveness.

As a user, I want to be able to delete my own comments in order to remove content I no longer wish to be associated with.

Acceptance Criteria:

1. Users should see a "Delete" option or button next to their own comments.
2. Clicking on the "Delete" option or button should prompt users to confirm their intention to delete the comment.
3. Upon confirmation, the comment should be permanently removed from the post and the user interface.
4. Deleted comments should no longer appear below the post, and the comment count should reflect the change.
5. Users should not be able to undo the deletion after confirmation.
6. Ensure that deleting a comment does not cause any unexpected errors or disruptions to the user experience.

Tasks:

1. Implement a "Delete" option or button adjacent to the user's own comments in the user interface.
2. Develop the functionality to display a confirmation prompt when the "Delete" option or button is clicked.
3. Design and implement the confirmation prompt with clear messaging and buttons (e.g., "Confirm Delete" and "Cancel").
4. Create a backend mechanism to permanently remove the specified comment from the database.
5. Optimize the deletion process for performance and responsiveness.
6. Conduct user testing to ensure the deletion process is intuitive and user-friendly.
7. Test for any potential issues or conflicts that might arise from comment deletion.
8. Update the database structure to maintain data integrity after comment deletions.

As a user, I want to be able to create comments on posts so that I can engage with the content and share my thoughts.

Acceptance Criteria:

1. Users should see a clearly labeled "Add Comment" section or button beneath each post on the website.
2. Clicking on the "Add Comment" section or button should open a text field for the user to input their comment.
3. After writing a comment, users should be able to submit it by clicking a "Post Comment" button.
4. Submitted comments should appear below the post they were made on, displaying the user's name, timestamp, and the comment content.
5. Users should not be able to submit empty comments. A validation message should appear if they try to submit an empty comment.
6. Comments should support basic formatting, including line breaks and common text formatting (e.g., bold, italic).
7. Comments should be limited to a certain character count to ensure readability and prevent abuse.

Tasks:

1. Add an "Add Comment" section or button to the user interface below each post.
2. Implement the functionality to toggle the visibility of the comment input field when the "Add Comment" section or button is clicked.
3. Create a text input field for users to write their comments.
4. Design and integrate a "Post Comment" button adjacent to the comment input field.
5. Develop the backend functionality to store submitted comments in the database, including the user's name, timestamp, and content.
6. Display submitted comments below their respective posts, including the necessary formatting and user information.
7. Implement client-side validation to prevent users from submitting empty comments.
8. Integrate a character limit for comments and display a character count to users as they type.
9. Test the comment creation process to ensure that comments are being stored correctly and displayed accurately.
10. Conduct usability testing to verify that the comment creation process is intuitive and user-friendly.
11. Review and optimize the comment submission process for performance and security.

As a user, I want to be able to update task details that I've created so that I can keep my tasks accurate.

Acceptance Criteria:

1. Users should be able to access their tasks from the task management interface.
2. The task details page should show the current task's title and description.
3. Users should be able to edit the task title and description.
4. After making changes, users should be able to save their edits by clicking an "Update/Edit" button.
5. Users should see a confirmation message after successfully updating the task details.

Tasks:

1. Design and implement a task management interface for users.
2. Develop a task details page to display the task's current title and description.
3. Retrieve the task's current details from the database and populate the input fields.
4. Implement the functionality to edit the task title and description fields.
5. Design and integrate an "Update" button for saving changes.
6. Develop a confirmation message system to notify users of successful updates.
7. Test the updating process to ensure task details are correctly modified and saved.
8. Conduct usability testing to ensure the interface is user-friendly.
9. Optimize the task editing process for performance and responsiveness.

As a user, I can see visual indicators for example of having watched / unwatched a task so that I can tell what my status of watching is.

As a site owner, I want the application to be fully responsive across different devices and screen sizes so that users can have a consistent and optimal experience regardless of how they access the app.

Acceptance Criteria:

1. The application should adapt and display correctly on various devices, including desktops, tablets, and mobile phones.
2. All user interface elements, such as menus, buttons, and forms, should be appropriately sized and positioned for each screen size.
3. Text and images should be legible and easy to read on different devices without requiring excessive zooming or scrolling.
4. The navigation menu and other interactive components should remain functional and user-friendly on all devices.
5. The responsiveness should be tested on commonly used browsers and devices to ensure consistent behavior.

Tasks:

1. Identify key breakpoints and screen sizes for desktop, tablet, and mobile views.
2. Review the application's existing design and layout to assess potential challenges for responsiveness.
3. Implement CSS media queries to adjust styling and layout based on different screen sizes.
4. Test and adjust typography, spacing, and element positioning to ensure readability and usability on all devices.
5. Optimize images and media to ensure fast loading times and smooth performance on mobile devices.
6. Test the responsiveness on various browsers, devices, and orientations to identify any issues.
7. Implement responsive behavior for navigation menus, dropdowns, and interactive elements.
8. Conduct thorough testing on different devices to verify the app's responsiveness and functionality.
9. Adjust and fine-tune design elements as needed to address any responsiveness-related issues.
10. Ensure that user interactions, such as form submissions and button clicks, work seamlessly on all devices.
11. Optimize the performance of the responsive design to provide a smooth user experience.
12. Document best practices and guidelines for maintaining responsiveness as the app evolves.
13. Collaborate with designers and developers to ensure consistency in design across all screen sizes.
14. Continuously monitor and update the app's responsiveness as new features are added.

As a user, I want to be able to view a list of tasks that I've created, so that I can see an overview of my tasks.

Acceptance Criteria:

1. Users should be able to access their tasks from the task management interface.
2. The task list should display the titles of tasks that the user has created.
3. Each task title in the list should be clickable, leading to the task details page.
4. The task list should be organized in a clear and easy-to-read manner.

Tasks:

1. Design and implement a task management interface for users.
2. Develop a task list component that displays the titles of the user's tasks.
3. Retrieve the list of tasks from the database and populate the task list.
4. Implement functionality to make each task title clickable, linking to the task details page.
5. Organize the task list to present tasks in a user-friendly format.
6. Test the task list to ensure that task titles are correctly displayed and clickable.
7. Conduct usability testing to ensure the task list is easy to navigate.
8. Optimize the task list component for performance and responsiveness.

As a user, I want to be able to edit the comments I've previously posted in order to correct mistakes or provide additional information.

Acceptance Criteria:

1. Users should be able to see an "Edit" option or button next to their own comments.
2. Clicking on the "Edit" option or button should allow the user to modify the content of their comment within a text field.
3. After making changes, users should be able to save their edits by clicking the "Save Changes" button.
4. The edited comment should retain the user's name, and original timestamp, and reflect the updated content.
5. Users should not be able to save empty or unchanged comments when editing. A validation message should appear if they try to save without making any changes.
6. The character limit for edited comments should be consistent with the character limit for new comments.

Tasks:

1. Implement an "Edit" option or button adjacent to the user's own comments in the user interface.
2. Develop the functionality to open a text field with the original comment content when the "Edit" option or button is clicked.
3. Design and integrate a "Save Changes" button within the edit interface.
4. Create a backend mechanism to update the content of comments in the database when changes are saved.
5. Display the edited comment with the user's name and original timestamp, reflecting the updated content.
6. Implement client-side validation to prevent users from saving empty or unchanged comments when editing.
7. Ensure that the character limit for edited comments matches the limit set for new comments.
8. Test the edit functionality to confirm that comments can be successfully edited and saved.
9. Test edge cases, such as edits containing special characters or formatted text, to ensure consistent behavior.
10. Optimize the editing process for performance and responsiveness.
11. Incorporate version control if necessary, to keep track of comment revisions.
12. Conduct user testing to ensure the editing process is intuitive and user-friendly.

As a user, I want to be able to view a list of tasks that I'm watching so that I can easily keep track of changes to those tasks.

Acceptance Criteria:

1. Users should be able to access the list of watched tasks from the application's main menu or dashboard.
2. The list of watched tasks should display the titles of tasks that the user is currently watching.
3. Each task title in the list should be clickable, leading to the task details page.
4. The list of watched tasks should be organized in a clear and easy-to-read manner.

Tasks:

1. Design and implement a section or page for users to access their list of watched tasks.
2. Develop a watched tasks list component that displays the titles of tasks being watched by the user.
3. Retrieve the list of watched tasks from the database and populate the watched tasks list.
4. Implement functionality to make each watched task title clickable, linking to the task details page.
5. Organize the list of watched tasks to present them in a user-friendly format.
6. Test the watched tasks list to ensure that task titles are correctly displayed and clickable.
7. Conduct usability testing to ensure the watched tasks list is easy to navigate.
8. Optimize the watched tasks list component for performance and responsiveness.

As a user, I want the ability to refresh my access token so that I can maintain a secure and uninterrupted session in the application.

Acceptance Criteria:

1. Users should be able to trigger the access token refresh process when their current access token is about to expire.
2. Upon successful refresh, the user should receive a new access token and, if applicable, a new refresh token.
3. The refreshed access token should have an extended validity period.
4. The user's session and current activities should not be interrupted during the token refresh process.
5. If the refresh token has also expired, users should be required to log in again.

Tasks:

1. Implement a mechanism to monitor the expiration time of access tokens.
2. Develop a process for users to request a token refresh when their access token is near expiration.
3. Create backend logic to validate the refresh token and issue a new access token.
4. Ensure that user data and current session context are preserved during the token refresh process.
5. Update the user's token information in the database after successful token refresh.
6. Test the token refresh process to verify that users receive new access tokens.
7. Conduct thorough testing to ensure that the user's session remains uninterrupted during token refresh.
8. Implement handling for cases where the refresh token has also expired, requiring users to log in again.
9. Document the token refresh process for future reference and maintenance.
10. Optimize the token refresh mechanism for security and performance.

As a user, I want to be able to watch or unwatch specific tasks so that I can receive notifications about changes to those tasks.

Acceptance Criteria:

1. Users should be able to access the watch/unwatch option from the task details or actions menu.
2. Clicking on the "Watch" option should mark the task for notifications.
3. Clicking on the "Unwatch" option should remove the task from notifications.
4. Users should receive appropriate confirmation messages after updating the watch/unwatch status of a task.
5. The watch/unwatch option should be visually distinguishable to indicate the current status.

Tasks:

1. Design and implement the watch/unwatch functionality within the task's details or actions menu.
2. Develop backend logic to store and manage the watch/unwatch status of each task.
3. Integrate a visual indicator (such as an icon or color change) to represent the watch/unwatch status.
4. Test the watch/unwatch functionality to ensure that the status updates are stored and displayed accurately for tasks.
5. Design and implement confirmation messages for users after successful watch/unwatch actions.
6. Conduct usability testing to ensure the watch/unwatch process for tasks is user-friendly.
7. Optimize the watch/unwatch functionality for performance and responsiveness.
8. Test edge cases, such as multiple users watching the same task simultaneously.
9. Ensure data integrity and security in managing the watch/unwatch status of tasks.
10. Update documentation to provide guidance on using the watch/unwatch feature for tasks.
11. Monitor the watch/unwatch functionality for tasks post-launch to address any potential issues.

As a user, I want to have a profile page where I can view and manage my personal information.

Acceptance Criteria:

1. Users should be able to access their profile page from the application's main menu or account settings.
2. The profile page should display the user's personal information, such as name, email, and profile picture.
3. Users should be able to edit their name and profile picture.
4. The profile page should provide a clear and user-friendly layout.

Tasks:

1. Design and implement a user profile page accessible from the main menu or account settings.
2. Develop the profile page to display the user's name, email, and profile picture.
3. Retrieve the user's information from the database and populate the profile page.
4. Implement functionality to edit the user's name and update the profile picture.
5. Develop error handling to display appropriate messages for profile editing issues.
6. Test the profile page to ensure an accurate display of user information and functionality.
7. Conduct usability testing to verify that the profile page is easy to navigate and edit.
8. Optimize the profile page for performance and responsiveness.

As a user, I want to be able to navigate through the application easily so that I can access different sections and features.

Acceptance Criteria:

1. The application should have a clear and consistent navigation menu or interface.
2. Users should be able to access different sections or features of the application from the navigation.
3. The navigation should be organized logically and designed for ease of use.
4. Navigational elements should be labeled appropriately, making it easy to understand their purpose.

Tasks:

1. Design and implement a navigation menu or interface that is visible throughout the application.
2. Determine the main sections or features of the application that need to be accessible through navigation.
3. Organize the navigation in a logical order that aligns with the user's workflow.
4. Develop the functionality to route users to the correct pages or sections based on their navigation choices.
5. Ensure that the navigation menu or interface remains consistent across different pages.
6. Test the navigation to ensure that users can access different sections and features seamlessly.
7. Conduct usability testing to verify that the navigation is intuitive and user-friendly.
8. Optimize the navigation for performance and responsiveness.

As a user, I want to be able to create a workspace where I can organize tasks and collaborate with others effectively.

Acceptance Criteria:

1. Users should have access to a "Create Workspace" option in the application's main menu or workspace management interface.
2. The "Create Workspace" page should include fields to enter the workspace name and optional description.
3. After entering the workspace details, users should be able to click a "Create" button to create the workspace.
4. The newly created workspace should be displayed in the list of workspaces with its name and relevant details.
5. The "Create Workspace" process should be designed to be user-friendly and straightforward.

Tasks:

1. Design and implement a "Create Workspace" option accessible from the main menu or workspace management interface.
2. Develop the "Create Workspace" page with fields for entering the workspace name and description.
3. Implement functionality to capture user input and create new workspaces in the database.
4. Display the newly created workspace in the list of workspaces after successful creation.
5. Test the "Create Workspace" process to ensure new workspaces are added accurately to the list.
6. Conduct usability testing to ensure the "Create Workspace" process is intuitive.
7. Optimize the "Create Workspace" process for performance and responsiveness.

As a user, I want to be able to create packs, which are lists of tasks, so that I can organize and manage my tasks more effectively.

Acceptance Criteria:

1. Users should be able to access the "Create Pack" option from the application's main menu or task management interface.
2. The "Create Pack" page should include a field to enter the pack name.
3. After entering the pack name, users should be able to click a "Create" button to add the pack.
4. The newly created pack should appear in the list of packs with its name displayed.
5. The "Create Pack" page should be designed for ease of use and clarity.

Tasks:

1. Design and implement a "Create Pack" option accessible from the main menu or task management interface.
2. Develop the "Create Pack" page that includes a field for users to enter the pack name.
3. Implement functionality to capture user input and create new packs in the database.
4. Display the newly created pack in the list of packs after successful creation.
5. Test the "Create Pack" process to ensure new packs are correctly added to the list.
6. Conduct usability testing to ensure the "Create Pack" page is intuitive.
7. Optimize the "Create Pack" process for performance and responsiveness.

the site owner, I would want to validate users' data entries on sign-up so that users can create a log-in that meets the requirements.

As a user, I want to be able to delete tasks that I've created so that I can remove tasks I no longer need.

Acceptance Criteria:

1. Users should be able to access their tasks from the task management interface.
2. Each task in the list should have a "Delete" button or option.
3. Clicking on the "Delete" button should prompt users to confirm their intention to delete the task.
4. Upon confirmation, the task should be permanently removed from the list.

Tasks:

1. Design and implement a task management interface for users.
2. Develop a task list component that displays the user's tasks and includes a "Delete" button for each task.
3. Implement functionality to show a confirmation prompt when the "Delete" button is clicked.
4. Create a backend mechanism to permanently remove the specified task from the database.
5. Test the deletion process to ensure that tasks are correctly removed from the list.
6. Conduct usability testing to ensure the deletion process is straightforward.
7. Optimize the task deletion functionality for performance and responsiveness.

As the site owner, I would want to ensure only logged-in users can post from their accounts and edit their profiles so that data privacy is ensured.

As a user, I want to be able to log in to my account so that I can access the application's features.

Acceptance Criteria:

1. Users should be able to access the login page from the application's landing page.
2. The login page should include fields for entering the registered email address and password.
3. After entering login credentials, users should be able to click a "Login" button to access their account.
4. Upon successful login, users should be redirected to the application's main dashboard or homepage.
5. If login credentials are incorrect, users should receive an error message indicating the issue.
6. The login page should provide clear instructions and be designed for user-friendliness.

Tasks:

1. Design and implement a login page accessible from the landing page.
2. Develop the login form with fields for email address and password.
3. Create backend logic to verify user login credentials against the database.
4. Design and integrate a "Login" button to initiate the login process.
5. Develop error handling to display appropriate messages for incorrect login attempts.
6. Test the login process to ensure successful account access and error handling.
7. Conduct usability testing to ensure the login page is intuitive and user-friendly.
8. Optimize the login process for performance and responsiveness.
9. Review security measures to protect user data during the login process.
10. Update documentation to provide guidance for the account login process.
11. Monitor the login functionality post-launch to address any potential issues.

As a user, I want to be able to update my profile information so that my account details remain accurate.

Acceptance Criteria:

1. Users should be able to access their profile settings from the application's main menu or account settings.
2. The profile settings page should display the user's current information, including name, email, and profile picture.
3. Users should be able to edit their name and profile picture.
4. After making changes, users should be able to save their edits by clicking an "Update" button.
5. Users should receive a confirmation message upon successful profile update.
6. The updated profile information should be reflected throughout the application.

Tasks:

1. Design and implement a profile settings page accessible from the main menu or account settings.
2. Develop the profile settings page to display the user's name, email, and profile picture.
3. Retrieve the user's information from the database and populate the profile settings page.
4. Implement the functionality to edit the user's name and update the profile picture.
5. Develop a confirmation message system to notify users of successful updates.
6. Test the profile update process to ensure accurate changes and messaging.
7. Conduct usability testing to verify that the profile settings page is user-friendly.
8. Optimize the profile update functionality for performance and responsiveness.

As a user, I want to be able to view and manage my profile information so that I can keep it up to date and accurate.

Acceptance Criteria:

1. Users should be able to access their profile information from the application's main menu or account settings.
2. The profile information page should display the user's details, including name, email, profile picture, and any other relevant information.
3. Users should be able to edit their name, profile picture, and other editable information.
4. After making changes, users should be able to save their edits by clicking an "Update" button.
5. Users should receive a confirmation message upon successful profile information update.
6. The updated profile information should be reflected throughout the application.

Tasks:

1. Design and implement a user profile information page accessible from the main menu or account settings.
2. Develop the profile information page to display the user's name, email, profile picture, and any other relevant details.
3. Retrieve the user's information from the database and populate the profile information page.
4. Implement the functionality to edit the user's name, profile picture, and other editable fields.