As a front end developer I am developing an Add Patron page so the user can checkout a new patron .(Ravi)

[KanVR]

Description:

As a front-end developer, I am developing an Add Patron page so that the user can easily register and check out in the library management system.

Acceptance Criteria:

• The Add Patron page includes fields to input necessary details such as Name, Address, Phone Number, and Email.
• The form includes a Submit button to save the new patron’s information to the database.
• The system validates the required fields (e.g., Name, Address) and notifies the user if any required information is missing.
• The page ensures the entered data is correctly saved to the system and assigned a unique library card number for the patron.
• The system provides feedback, notifying the librarian if the patron was successfully added or if an error occurs (e.g., duplicate patron, invalid data).
• The page design is responsive and accessible, ensuring it works on various devices and meets usability standards.
• After submission, the patron was successfully added and saved to the system.

[KanVR]

Acceptance Criteria for Add Patron Page:

Form Fields: The page has fields for First Name, Last Name, Address, and Email.

Validation: Required fields (First Name and Last Name) cannot be empty. If Email is entered, it should follow a valid format.

Add Patron Action: When the Submit button is clicked: Patron data is sent to the backend. If successful, the page displays the new patron ID. If there's an error, an alert prompts the user to try again.

Reset Form: After a successful addition, form fields are cleared for adding another patron.

Feedback: A popup or message confirms successful addition, showing the new patron ID