F. As receptionist, I want to capture demographic data of patient, so that I can save accurate patient data

[ramilsalihar]

Frontend Acceptance Criteria:

User Interface for Demographic Data Entry:

Intuitive Data Entry Fields:

Design an intuitive user interface featuring fields for capturing demographic data of patients: name, surname, telephone number, address, date of birth.

Clean and Accessible Layout:

Arrange the interface layout for easy navigation and efficient entry of patient demographic information.

Real-time Data Validation:

Implement real-time validation to ensure accuracy and completeness of entered demographic details.

User Assistance and Guidance:

Include tooltips or hints guiding receptionists on the required information for each field.

Real-time Data Validation:

Mandatory Field Validation:

Ensure mandatory fields are clearly marked and validated in real-time to prompt completion before submission.

Data Format and Consistency Checks:

Validate data formats (e.g., date of birth) and ensure consistency across entered demographic details.

Error Handling and Feedback:

Provide immediate feedback with clear error messages if there are discrepancies or missing essential information.

ID	Field Name	Widget Type	Status
1	name	TextField	Required
2	surname	TextField	Required
3	telephone number	TextField	Required
4	address	TextField	Required
5	date of birth	Date Picker	Required
6	gender	Option Button	Required
7	marital status	Option Button	Required
8	emergency contact	TextField	Optional