elsolnec-prueba
Esta prueba técnica consiste en desarrollar una aplicación utilizando Next.js 14 y React 18 con TypeScript, consumiendo la API pública de JSONPlaceholder.
El objetivo es mostrar datos de usuarios, publicaciones y comentarios en una interfaz interactiva y accesible. Se valoran buenas prácticas de desarrollo, organización del código y uso de herramientas adicionales como TanStack Query para el manejo de datos y ShadCN para los componentes de UI.
Tecnologías Requeridas
React 18
Next.js 14
TypeScript
Tecnologías Opcionales (pero valoradas)
TanStack Query (React Query) para optimización en la obtención y manejo de datos.
ShadCN para mejorar la accesibilidad y estética de la interfaz.
API Pública Utilizada
Se consumirá la API de JSONPlaceholder para obtener la siguiente información:
Usuarios: GET /users
Publicaciones: GET /posts
Comentarios de una publicación: GET /posts/:id/comments
Se pueden combinar estos endpoints para mostrar relaciones, por ejemplo, listar usuarios con sus publicaciones y comentarios asociados.
Instalación y Ejecución
Clonar el repositorio:
git clone <URL_DEL_REPOSITORIO>
cd <NOMBRE_DEL_PROYECTO>
Instalar dependencias:
npm install
Ejecutar el proyecto en modo desarrollo:
npm run dev
Abrir en el navegador:
http://localhost:3000
Decisiones Técnicas
Next.js 14 se usa por su capacidad de Server Components y optimización del rendimiento.
TypeScript permite un desarrollo más seguro y organizado.
TanStack Query (si se usa) mejora la gestión del estado de datos obtenidos de la API.
ShadCN (si se usa) permite una UI accesible y altamente personalizable.
Entrega
Para completar la prueba:
Subir el código a un repositorio público en GitHub o GitLab.
Compartir el enlace del repositorio para revisión.
Video en Youtube
Contacto
Si tienes alguna duda sobre la prueba, puedes escribir a cristian062094@hotmail.com