Develop the functionality to invite members via a form on the members page when an admin clicks the "Invite people" button. The form should allow admins to enter the new member's name, email, and role. Upon submission, the form should send the data to the appropriate API endpoint to create a new member. Ensure the form includes validation and provides feedback to the user.
Purpose
Admins should be able to invite new members by filling out a form with the member's details. This functionality will streamline the process of adding new members and ensure that all necessary information is collected upfront.
Acceptance Criteria
Requirements
Modal: Ensure to use the developed modal component.
Form Fields: The form should include fields for the member's name, email, and role.
Form Submission: The form should submit the entered data to the appropriate API endpoint.
Validation: Implement validation to ensure all required fields are filled and the data is in the correct format.
User Feedback: Provide feedback to the user upon successful submission or error.
Design and Responsiveness: Ensure the form matches the provided design and is responsive.
Tasks
[ ] Create the form with fields for name, email, and role.
[ ] Ensure the form layout matches the design specifications.
[ ] Integrate the form with the appropriate API endpoint for member creation.
[ ] Implement form submission logic to send data to the API.
[ ] Implement validation to check that all required fields are filled.
[ ] Provide feedback to the user upon successful form submission.
[ ] Display error messages if the form submission fails or if validation errors occur.
[ ] Ensure the form design matches the provided design.
[ ] Make the form responsive to work well on various screen sizes.
Deadline Friday 10am
Note
Ensure code quality and maintainability.
Provide clear documentation and usage examples.
Collaborate with other team members to ensure seamless integration with the existing members page.
Develop the functionality to invite members via a form on the members page when an admin clicks the "Invite people" button. The form should allow admins to enter the new member's name, email, and role. Upon submission, the form should send the data to the appropriate API endpoint to create a new member. Ensure the form includes validation and provides feedback to the user.
Purpose Admins should be able to invite new members by filling out a form with the member's details. This functionality will streamline the process of adding new members and ensure that all necessary information is collected upfront.
Acceptance Criteria
Requirements
Tasks
Deadline Friday 10am
Note
Images and Figma links https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=1698-13832&m=dev