Desarrollo en vue.js para consumir api rest

El trabajo consiste en desarrollar el contenido del sitio que se encuentra entre el header y el footer (resaltado con rojo en la captura). El sitio debe ser responsivo 100%. Para esto la app Vue debe obtener los recursos de dos endpoints diferentes de nuestra api:

- publicaciones, filtros activos, filtros disponibles y breadcrumb (endpoint publications)
- publicidades (endpoint advertisements)

Estos endpoints están documentados en OAS 3.0 para su mejor interpretación.




Esta sección del sitio trabaja con Vuex y el router de Vue.
Básicamente el funcionamiento de los filtros debe ser el siguiente: vue debe escuchar cambios en la url del browser y armar los requests para la api en función de los parámetros que tiene la url del browser, pegarle a dicha url y actualizar las publicaciones, filtros disponibles y seleccionados, y publicidades.
La lógica para el armado de las url como así también los detalles del funcionamiento de los filtros se determinarán al momento del desarrollo. Lo que debe lograrse mediante esta metodología es que al compartir un link de una búsqueda con filtros ya seleccionados, el usuario receptor de ese link lo abra y Vue sea capaz de armar la url de la api a la cual debe pegarle para obtener los resultados con dichos filtros ya aplicados y que el receptor visualice así los mismos resultados que observa la persona que envía el link. Debe mostrar también esos filtros como seleccionados (como se muestra en la captura) de modo que el usuario los pueda remover.





Las publicaciones deben cargarse a medida que se escrolea hacia abajo, solicitando a la api las publicaciones que están por entrar a la pantalla en el próximo scroll. Esta funcionalidad ya está implementada para la portada y está disponible para toda la aplicación.

Cuando la página finalice, se debe mostrar el paginador. El paginador deberá ser armado con los datos devueltos por la api.

Los siguientes componentes ya están finalizados y disponibles:

- barra superior en desktop y mobile
- menu de usuario desplegable dentro de la barra superior
- modal de login y modal de selección de localidad
- footer

Estos componentes interactúan con nuestra api, y deben seguir haciéndolo en esta nueva sección.