Objetivo

El objetivo de esta prueba es evaluar tu capacidad para estructurar y refactorizar una aplicación React utilizando las mejores prácticas de Clean Architecture, patrones de diseño, y buenas prácticas de desarrollo frontend.

Requerimientos

Estilos y Maquetación

• Configura Tailwind CSS en el proyecto.
• Agrega estilos básicos para mejorar la visualización de la aplicación.

Refactor y Funcionalidad

• Reubica los componentes siguiendo el patrón de Atomic Design.
• Agrega tipos utilizando TypeScript y separa la lógica de la presentación siguiendo un patrón de Clean Architecture.
• Al agregar un nuevo ítem, este debe ser el único listado en la pantalla.
• Agrega validaciones al formulario de adición de ítems.

Integración

• Crea un Pull Request (PR) en el repositorio, detallando los cambios realizados.