Challenge Tecnico MELI

En base a los diseños dados, construir las siguientes tres vistas:

• Caja de búsqueda
• Resultados de la búsqueda
• Detalle del producto

Contenidos

1. Arquitectura
2. Sobre el Proyecto
3. Para Empezar
   • Instalación
4. Roadmap
5. Contacto

Arquitectura

Sobre el Proyecto

Descripción funcional de la aplicación

• En la vista de caja de búsqueda, debería poder ingresar el producto a buscar y al enviar el formulario navegar a la vista de Resultados de búsqueda, visualizando solo 4 productos. Luego, al hacer clic sobre uno de ellos, debería navegar a la vista de Detalle de Producto.
• Dado un id de producto, debería poder ingresar directamente a la vista de detalle de producto.

(back to top)

Para Empezar

Para obtener una copia local en funcionamiento, siga estos sencillos pasos de ejemplo.

Instalación

1. Clonar el repositorio

   git clone

   Una vez clonado, deberá repetir estos pasos para el cliente y el servidor.

2. Instalar paquetes NPM

    npm install

3. Crear un archivo .env en la carpeta raíz del servidor con la siguiente información Para el servidor:

     PORT= el puerto que desee usar (ej: 3001)

   Para el cliente:

      REACT_APP_BASEURL= el endpoint del servidor (ej: http://localhost:3001/api/items)

4. Iniciar el servidor y el cliente

    npm start

(back to top)

Roadmap

• Estructura de carpetas
• Habilitacion de endpoints en el servidor
• Definición de metodologia de trabajo
• Creacion de rutas en el cliente
• Creacion de componentes en el cliente
• Analisis de datos en el cliente
• Creacion de estilos en el cliente
• Creacion de funciones en el cliente
• Implementacion de funcionalidades extra

(back to top)

Contacto

Lucas Tisera - [email protected]

Project Link: https://github.com/Lucas-Tisera/challenge-tecnico-MELI

(back to top)