...
[Insert Figma design link for Add/Edit Resource page]
UI Description
Title
Description: The name or headline of the resource.
Required: Yes.
Type of Input: Text field.
Validation Criteria: Must contain at least 3 characters and no more than 255 characters. It should accurately reflect the content or subject of the resource to ensure easy identification and searchability.
Short Description
Description: A concise summary of the resource, highlighting its main points or features.
Required: Yes.
Type of Input: Textarea.
Validation Criteria: A minimum of 20 characters and a maximum of 500 characters. This constraint ensures the description is brief yet informative enough to convey the resource's value or purpose.
Type
Description: The category that best describes the nature or format of the resource.
Required: Yes.
Type of Input: Dropdown menu.
Dropdown Values:
Video
Document
Image
Keywords
Description: User-defined tags or keywords that describe the resource, aiding in search and categorization. After input, the text is parsed into individual words or phrases, each displayed as a removable tag.
Required: No.
Type of Input: Text input with tag conversion.
Validation Criteria:
Input is free-form text, converted into tags upon submission or pressing the enter key.
Each tag is visually represented in a way that allows for easy removal, typically with an "x" or similar icon in the corner of the tag.
There's no strict minimum, but ideally, a limit on the maximum number of keywords (e.g., 10 to 20) to prevent over-tagging and maintain focus.
Special characters might be restricted or allowed based on the tagging system's design and the search functionality's capabilities.
...