Change Details

###Context### Wikidata's [[ https://item-quality-evaluator.toolforge.org/ | Item Quality Evaluator ]] is a tool that users can utilize to check the average value of the quality scores of Wikidata Items. The tool was built as a single page application using Bootstrap with Vue 2. It was later updated to Vue 3 in order to avoid the consequences of Vue 2's end of life (link task!). Now, to reduce technical debt and maintenance costs, and to improve consistency and future development effectiveness, Item Quality Evaluator should be migrated to Codex. ###Main objective### Replace the Item Quality Evaluator's components and styles by Wikimedia design system's (Codex) elements and tokens. This involves: - Replacing the components used in the Item Quality Evaluator's UI 1:1, making sure that all functionality is preserved - Replacing current styling using Codex style tokens and mixins - Ensure that usability, internationalization and accessibility are not negatively impacted by the migration ###Considerations###

###Context### Wikidata's [[ https://item-quality-evaluator.toolforge.org/ | Item Quality Evaluator ]] is a tool that users can utilize to check the average value of the quality scores of Wikidata Items. The tool was built as a single page application using Bootstrap with Vue 2. It was later updated to Vue 3 in order to avoid the consequences of Vue 2's end of life (link task!). Now, to reduce technical debt and maintenance costs, ensure consistency and improve future development effectiveness, the Item Quality Evaluator should be migrated to Codex. ###Main objective### Replace the Item Quality Evaluator's components and styles by Wikimedia design system's (Codex) elements and tokens. The process will involve: 1. Assessing the parity of components and styles, and creating relevant design specifications 2. Conducting a technical investigation to define the migration approach 2. Replacing the components used in the Item Quality Evaluator's UI 1:1, making sure that all functionality is preserved 3. Replacing current styling using Codex style tokens and mixins 4. Ensure that usability, internationalization and accessibility are not negatively impacted by the migration 5. Closure and clean up ###Considerations###

###Context### Wikidata's [[ https://item-quality-evaluator.toolforge.org/ | Item Quality Evaluator ]] is a tool that users can utilize to check the average value of the quality scores of Wikidata Items. The tool was built as a single page application using Bootstrap with Vue 2. It was later updated to Vue 3 in order to avoid the consequences of Vue 2's end of life (link task!). Now, to reduce technical debt and maintenance costs, and to improvensure consistency and improve future development effectiveness, the Item Quality Evaluator should be migrated to Codex. ###Main objective### Replace the Item Quality Evaluator's components and styles by Wikimedia design system's (Codex) elements and tokens. This The process will involves:: -1. Assessing the parity of components and styles, and creating relevant design specifications 2. Conducting a technical investigation to define the migration approach 2. Replacing the components used in the Item Quality Evaluator's UI 1:1, making sure that all functionality is preserved 3. Replacing current styling using Codex style tokens and mixins - Replacing current styling using Codex style tokens and mixins4. Ensure that usability, internationalization and accessibility are not negatively impacted by the migration - Ensure that usability,5. internationalizationClosure and accessibility are not negatively impacted by the migrationclean up ###Considerations###