Proyecto Meli-test

Índice

1. Descripción
2. Tecnologías
3. Arquitectura
4. Instalación
5. Uso

Descripción

Este proyecto es una aplicación que con la utilizacion de herramientas tanto de frontend como backend logramos consultar endpoint algunos funcionales de mercado libre y mostrar su contenido segun lineamientos especificos.

La aplicacion consta de 3 pantallas:

• home "/"
• ListItems "/items"
• Preview "/items/:id/descripcion"

Tecnologías

Las bases de Las tecnologías utilizadas en este proyecto: FRONT > react con typescript BACKEND > node con typescript y express.

Arquitectura

• meli-test-bff
  • environments: archivos de entorno
  • src
    • modules servicios bff
    • - app.ts
    • - index.ts
• meli-test-front
  • environments: archivos de entorno
  • public:
  • src:
    • componets Componentes reutilizables e imagenes.
    • constants Constantes de estilos reutilibles.
    • helpers Definimos y tipamos actions para el store
    • pages Todas las pages que se van a utilizar en la navegacion
    • services servicios para ser consumidos en el store
    • store
    • types typados, modelos

Instalación

Para instalar y ejecutar el proyecto, sigue estos pasos:

1. Clona el repositorio desde GitHub: `git clone https://github.com/angelliambo/proyect.git`
2. Desde la terminal navega al backend del proyecto: `cd proyect/meli-test-bff`
3. Instala las dependencias: `yarn`
4. Desde la terminal navega al frontend del proyecto: `cd proyect/meli-test-front`
5. Instala las dependencias: `yarn`
6. Ejecuta BFF:
   - BFF en modo desarrollo desde una terminal navega al bff (paso: 2), y ejecuta el comando `yarn start:dev`
7. Ejecuta FRONT:
   - Desde otra terminal navega al front (paso: 4), y ejecuta el comando `yarn start`

Uso

Una vez que la aplicación esté en funcionamiento, puedes acceder a ella a través de tu navegador web en la siguiente dirección: http://localhost:3000, realiza una busqueda.