Este proyecto fue creado con Create React App. En el directorio del proyecto se encuentra el Cliente y Servidor, los cuales se pueden ejecutar previamente a instalar las librerías requeridas mediante:
Ejecutar este comando en la carpeta /cliente corre el cliente la aplicación en modo desarrollador.
Abrir http://localhost:3000 para visualizar en el navegador.
Ejecutar este comando en la carpeta /servidor despliega el servidor que consulta la API de Mercado Libre.
El servidor se encuentra corriendo en el puerto 5000: http://localhost:3000.
Responde a los endpoints:
- /api/items?q=query -->Resultados de la búsqueda
- /api/items/id --> Detalle del producto
Observaciones!
- El campo currency al consultar la API devuelve ARS, pero para su presentación se convierte al carácter $
- No de encuentra el campo con decimales en price dentro de la respuesta, por lo que se hardcodean 0.0 como valor.
- Como campo por defecto en la búsqueda se deja la query
undefinedpara para que obtener resultados aleatorios cuando aún no se completó el buscador. - El listado de categorías de obtiene del campo
filtersen la respuesta de la API. Los breadcrumbs muestran las categorías una vez ingresada una query de búsqueda, y estas se pasan al componente hijo al visualizar el detalle. Cuándo se ingresa mediante la URL particular al detalle de un item no se obtiene el campofiltersen la respuesta de la API para el detalle de un item para mostrar los categorías - Se observa que las imágenes de thumbnail que se obtiene de la API tienen resolución 90 x 90 px y se pixelan resolución de 180 x 180 px que se solicita en las especificaciones