Prueba Técnica - Andree Obando [Nuevo diseño para agregar y ver ítems]

[im-andreeta66]

¡Hola!

He estado trabajando en los requerimientos solicitados, mejorarando cómo se ven y funcionamiento de los ítems en la aplicación.

Aquí están los cambios que he realizado, se realizaron los requerimientos solicitados, como agregar Tailwind, la separación de los componentes en una mejor arquitectura, el error al agregar un nuevo item y una posible mejora.

En detalle expando un poco más que se hizo en algunos archivos:

HomeTemplate.tsx:

Cambiós:

• Se divide en diferentes componentes segun la arquitectura solicitada.
• Ahora, el formulario para agregar ítems está fijo al lado izquierdo de la pantalla y ocupa una 3ra parte de la vista en Web. La lista de ítems está a la derecha, también ocupando el resto, para darle relevancia a la cantidad de items que tiene la API, esto ayuda para una buena lectura y comprensión de los textos.
• Ajusté el diseño para que el formulario llene todo el alto de la ventana en pantallas grandes.
  Detalles:
• Usé clases de Tailwind CSS para hacer que todo se vea bien tanto en escritorios como en dispositivos móviles.

AddItemForm.tsx:

Cambiós:

• El formulario se ajusta dentro del nuevo diseño.
• El formulario contiene el llamado de los campos necesarios para realizar el registro del nuevo item.

ItemList.tsx:

Cambiós:

• Mantuve el diseño de la lista de ítems pero lo ajusté para que se alinee con el nuevo formato de la página principal.
• Se proponge un destacado y un orden difrente al agregar un nuevo item.

Tailwind

• Se realizo la configuración de Tailwind para que el framework de css funcione correctamente.
• Se agrega la visualizacion del proyecto en diferentes dispositivos.es.