Ejercicio Técnico 3 - React

Implementación del listado de los ejercicios anteriores con React en el cliente y Javascript en el servidor

Objetivo

El objetivo de este ejercicio técnico es implementar un listado de elementos utilizando JavaScript tanto en el servidor (NodeJS) como en el cliente (en este caso React). Se explorará un enfoque donde se obtienen datos del servidor utilizando Express y se muestran en el cliente utilizando React.

Descripción

Se desea desarrollar un listado de elementos para una aplicación web que permita a los usuarios visualizar y manipular datos. Se implementará una solución donde se obtienen los datos del servidor utilizando Express y se muestran en el cliente utilizando React. Además, se crearán al menos dos componentes de React para modularizar la interfaz de usuario y facilitar el mantenimiento del código.

Requerimientos Técnicos

Implementar un servidor utilizando Express que proporcione datos para el listado.
Utilizar React en el cliente para mostrar los datos obtenidos del servidor.
Crear al menos dos componentes de React para modularizar la interfaz de usuario.
La aplicación debe incluir una interfaz de usuario clara y funcional que permita al usuario ver los elementos del listado.

Criterios de Evaluación

Correcta implementación de JavaScript en el servidor utilizando Express para proporcionar datos.
Uso efectivo de React en el cliente para mostrar los datos obtenidos del servidor.
Creación adecuada de al menos dos componentes de React para modularizar la interfaz de usuario.
Presentación clara y ordenada de los elementos del listado en la interfaz de usuario.
Cumplimiento de los requisitos técnicos especificados en el enunciado.
Creatividad en la presentación visual y la interactividad de la interfaz de usuario.

Entregables

Crear un nuevo repositorio privado utilizando como template este repositorio (iaw-2024/ejercicio-tecnico-3-react). El nombre del repositorio debe ser <usuario-github>-3-react y debe estar dentro de la organización iaw-2024.
Crear una rama o branch denominado entrega y realizar el ejercicio en esa rama o branch.
Crear un Pull Request del branch entrega al branch main con un link en la descripción del Pull Request a la página web pública.
El branch entrega debe contener el ejercicio implementado utilizando React en el cliente y Express en el servidor.

Notas Adicionales

Se sugiere utilizar las funcionalidades proporcionadas por Express y React para manejar las peticiones HTTP y la manipulación del DOM de manera efectiva y eficiente.
Se recomienda probar la implementación en diferentes navegadores y dispositivos para asegurar la compatibilidad y el correcto funcionamiento de la aplicación.