Frontend Developer Homework Assignment

Objective:

You will be working with an existing form builder. The builder provides a possibility to choose one of several field types, set a key, a label, and add it into a form. Your task is divided into two main parts.

Task Details:

1. Field Input Validation:

In the existing application, we need to add validation to each input field according to its assigned type. For instance, if a field's type is ParamType.Number, the system should not allow the input of any non-numeric characters or symbols. Conversely, if the type is ParamType.String, any character input should be acceptable.

If a user attempts to input data that does not conform to the field's type, your solution should trigger an error function that displays an appropriate message. Validation should be triggered upon the blur event on each field.

2. Dynamic Validation Setting:

In addition to basic field type validation, we need a feature that allows additional, user-defined validation rules to be set directly through the interface. This functionality should allow for rules such as:

• The entered value must be greater than or equal to 5.
• The input must begin with a capital letter.
• The input must match a specific pattern (e.g., an email format).
• The input must not contain any special characters.
• The input must be a valid date.

The interface should allow for the definition of these and other validation rules, without requiring modifications to the codebase for each new rule. The specifics of how you enable this dynamic rule-setting are up to you, but we're looking for an innovative, flexible, and scalable solution.

Submission:

Submit your solution by pushing your code to a public GitHub repository. Ensure your code is clean, well-commented, and adheres to our current project structure. Also, include a README file that explains your thought process and the design of your solution.

Evaluation Criteria:

• The code must be clean, efficient and well-commented.
• The solution should successfully implement the features described above.
• The design should be scalable and maintainable, allowing for the possibility of adding more validation types in the future.
• The README file should provide clear insight into your thought process and the rationale behind your design decisions.

Good luck!