jualoppaz / anhqv-stats-front Goto Github PK

El objetivo de esta tarea es añadir una sección en la Home, en la que se añadan las principales referencias de la web: anhqv.es y https://twitter.com/EscenasANHQV

• Implementar componentes en los que mostrar detalles de dichas referencias
• Añadir referencias en un bloque de la Home

Se ha detectado que, en el caso de que el main tenga mucho contenido y muestre un scroll, el spinner de carga no ocupa todo el alto del nodo que lo contiene.

Hay que intentar que lo ocupe mientras se carga la página, y si da muchos problemas optar como solución temporal por no mostrar el contenido de la página hasta que el loading desaparezca.

El objetivo de esta tarea es informar la meta etiqueta lang con el idioma de la web, en este caso: es.

El objetivo de esta tarea es añadir la capacidad de detección de adblock a la web, de modo que no se permita navegar por la misma si adblock se encuentra desactivado.

Se ha detectado que se está necesitando en muchos puntos de la aplicación saber si nos encontramos en un dispositivo u otro, tanto en JavaScript como Scss.

Por tanto, tendremos que implementar funciones de utilidad en JavaScript y variables de Scss con las medidas mínimas de cada dispositivo, las cuales son:

• tablet: 768
• desktop: 992

El objetivo de esta tarea es aplicar las mejoras detectadas por Google PageSpeed Insights para un mejor rendimiento de la web.

• Aplicar preload en carga de recursos generados https://github.com/vuejs/preload-webpack-plugin

El objetivo de esta tarea es implementar la pantalla de detalle de un actor.

• Implementar vista ActorDetail.vue
• Implementar tests unitarios de la vista ActorDetail.vue
• Implementar acciones y mutaciones necesarias en el store para obtener el detalle de un actor
• Implementar tests unitarios del store de actores
• Implementar llamadas necesarias en el cliente
• Implementar tests unitarios en el cliente

El objetivo de esta tarea es implementar tests unitarios para el componente Menu.

El objetivo de esta tarea es añadir a la carpeta pública de imágenes todas aquellas asociadas a los capítulos que aún no las tienen:

• Añadir imágenes de los capítulos de la segunda temporada
• Añadir imágenes de los capítulos de la tercera temporada
• Añadir imágenes de los capítulos de la cuarta temporada
• Añadir imágenes de los capítulos de la quinta temporada

El objetivo de esta tarea es definir un favicon para la web.

Se ha detectado que, al acceder a una pantalla de detalle (actor, personaje, capítulo), el ítem del menú deja de estar activo.

El objetivo de esta tarea es mantener la activación de la sección al navegar a estas pantallas.

El objetivo de esta tarea es generar un sitemap que contenga las rutas de la web y que esté disponible en la ruta anhqv-stats.es/sitemap.xml.

Se ha detectado que en la versión mobile se muestra una barra de scroll horizontal que afecta al main de la página.

Tras una primera revisión se ha detectado que se produce debido a que el gutter de la fila es mayor que el espacio que hay entre el sidebar y las tarjetas. La solución consistirá en dinamizar el gutter en función del dispositivo.

El objetivo de esta tarea es optimizar las imágenes de los actores para que tengan una resolución de 300x300.

El objetivo de esta tarea es dotar de contenido la página inicial de la aplicación para mejorar el posicionamiento y cumplir con las políticas de Google AdSense.

Las acciones a realizar son las siguientes:

• Definir párrafo inroductorio junto con una imagen del elenco
• Añadir párrafo introduciendo sección de Personajes
• Añadir párrafo introduciendo sección de Temporadas/Capítulos

El objetivo de esta tarea es añadir al sitemap.xml las nuevas rutas de la sección de actores.

El objetivo de esta tarea es implementar un componente genérico que se pueda utilizar al final de cada página para compartir en RRSS la página visualizada.

Se podrá complementar con meta información de OpenGraph para Facebook y Twitter.

Para esta tarea se pueda hacer uso del plugin: https://github.com/nicolasbeauvais/vue-social-sharing (echar un ojo al inline-mode)

Se ha detectado que Prerender no termina de realizar la renderización de las páginas de forma correcta, además de que el número de páginas que cachea en el plan gratuito es limitado en comparación al número de páginas que habrá en la web.

Dado que no vamos a precisar de características propias de vue-cli como compilación de la web como librería o similar, puede ser interesante probar una alternativa como nuxt que ofrece renderización en servidor.

Para ello habrá que realizar una pequeña aplicación hola mundo y ver qué resultados da. Si la experiencia es satisfactoria se podrá estudiar la posibilidad de sustituir vue-cli en ese proyecto por nuxt.

Se ha detectado que, al acceder al detalle de un personaje situado a media altura en la galería, se visualiza la ficha de detalle conservando el scroll.

Por tanto, se debe resetear el scroll de la página en cada navegación de la web.

El objetivo de esta tarea es añadir la información de duración de un capítulo en la pantalla de detalle.

El objetivo de esta tarea es implementar la pantalla en la que mostrar el listado de actores de la serie.

• Implementar vista Actors.vue para obtener y visualizar el listado de actores
• Implementar tests unitarios de la vista de actores
• Implementar acción y mutación necesarias para obtener listado de actores
• Implementar tests unitarios del store
• Implementar llamadas necesarias en el cliente
• Implementar tests unitarios en el cliente
• Implementar componente ActorCard.vue para visualizar cada actor en el listado
• Implementar tests unitarios del componente ActorCard.vue
• Añadir imágenes de los actores registrados actualmente con dimensiones 300x300

El objetivo de esta tarea es implementar tests unitarios del componente Header de la web.

Se ha detectado que al hacer scroll en la galería de personajes, se pierde el borde de la cabecera porque queda tras el contenido de la página.

Esto sucede porque el borde se ha situado sobre el componente Header, pero debe ser aplicado sobre el elemento el-header de ElementUI, que está justo por encima en el layout de la aplicación.

El objetivo de esta tarea es añadir publicidad moderada en la web mediante Google AdSense.

El objetivo de esta tarea es añadir un botón de donación mediante Paypal para financiar hosting y dominio.

Se ha detectado que en la versión mobile se descuadra el footer al no caber el texto en una sola línea.

Habrá que realizar diversas pruebas para ver si es mejor aumentar la altura en la versión mobile o modificar el texto mostrado en el footer.

El objetivo de esta tarea es implementar un componente en el que poder insertar el vídeo del capítulo seleccionado en su pantalla de detalle.

El objetivo de esta tarea es implementar una pantalla en la que poder consultar el detalle de un personaje.

Los datos que se deben visualizar son los siguientes:

• Nombre
• Primer apellido
• Segundo apellido
• Nombre común
• Apodo/Mote
• Imagen del personaje

Tras adaptarse los resúmenes de capítulos a formato HTML, es necesario adaptar la pantalla de detalle de los capítulos para que se inyecte el contenido como tal.

El objetivo de esta tarea es diseñar e implementar una cabecera para la web. Inicialmente se había pensado en colocar la imagen en la cabecera pero ocupa bastante espacio que se desaprovecha luego en el main.

El objetivo de esta tarea es implementar los tests unitarios de las distintas vistas de la aplicación que ya han sido implementadas.

Tras modificarse los slugs de los capítulos y haberse añadido la columna natural_id es necesario modificar el campo que se visualiza en las tarjetas.

Se ha detectado que, al añadir el anuncio de Google AdSense, se descuadra el layout de la aplicación.

Alguna lógica de Google AdSense está modificando el height de los elementos que contienen al anuncio estableciéndolo con el valor auto !important.

Por tanto, habrá que realizar los ajustes necesarios para evitar dicha casuística.

Se ha detectado que se está reservando el espacio para el iframe del vídeo de un capítulo aunque no esté disponible.

Se debe ajustar la maquetación del bloque para que no suceda y, además, el texto No disponible se visualice alineado a la izquierda.

El objetivo de esta tarea es añadir un enlace en el menú para poder navegar a la pantalla con el listado de Actores.

• Añadir enlace al menú con el texto "Actores"
• Comprobar que el componente Menu sigue teniendo la cobertura de 100%

El objetivo de esta tarea es diseñar e implementar el footer de la web, el cual será común a todas las pantallas.

Los requisitos a cumplir deben ser los siguientes:

• Añadir mi nombre en el footer enlazando a mi página web personal
• Añadir año de inicio del copyright de la web
• Debe estar siempre visible en todas las páginas
• Disponer de estilo personalizado y llamativo

El objetivo de esta tarea es implementar una nueva sección con el listado de escenarios de la serie.

Una buena opción sería mostrarlos en forma de árbol, desde los escenarios más genéricos a los más concretos.

El objetivo de esta tarea es implementar la pantalla de detalle de un escenario/lugar.

El objetivo de esta tarea es añadir la información de fecha de estreno de un capítulo en la pantalla de detalle.

Se ha detectado que hay varios textos que no están internacionalizados, como la ficha de detalle de un personaje.

Habrá que definir los correspondientes literales en el fichero es.json.

Se ha detectado que el layout no se comporta de forma responsive en la pantalla de personajes en una tablet.

Es muy poco espacio para mostrar 4 columnas tan estrechas y alargadas. Seguramente la mejor opción sea mostrar únicamente 2 columnas por fila y ajustar ligeramente la altura de las tarjetas.

El objetivo de esta tarea es implementar test unitarios del componente Footer

El objetivo de esta tarea es implementar una pantalla en la que poder ver el listado de personajes de la serie.

Para ello hay que realizar las siguientes acciones:

• Definir ruta de aplicación para la pantalla
• Implementar vista de personajes
• Implementar llamada a la API para obtener el listado de personajes
• Implementar componente para visualizar personaje en el listado
• Implementar tests unitarios de los componentes desarrollados

Se ha detectado que el formato de la fecha de fallecimiento de los actores es incorrecto. Se está visualizando el campo deathdate mientras que el campo con el formato correcto es parsed_deathdate.

El objetivo de esta tarea es implementar el menú principal de la web, que será únicamente el sidebar implementado.

El objetivo de esta tarea es configurar Prerender para mejorar el posicionamiento de la web.

El objetivo de esta tarea es implementar la pantalla de detalle de un capítulo.

En esta pantalla deberá aparecer la siguiente información en un primer bloque:

• Nombre
• Sinopsis
• Temporada

Las acciones a realizar son las siguientes:

• Implementar pantalla para mostrar el detalle de un capítulo
• Implementar llamada en el cliente para obtener detalle de un capítulo
• Implementar acciones y mutaciones necesarias para consulta detalle del capítulo
• Implementar llamada al store en la vista para cargar la información
• Implementar tests unitarios

El objetivo de esta tarea es buscar una foto genérica que pueda ser utilizada para cualquier personaje secundario o extra del que no se disponga de una imagen nítida.

El objetivo de esta tarea es implementar el componente para mostrar cada capítulo en el listado de los mismos para cada temporada.

Las acciones a realizar son las siguientes:

• Implementar componente para mostrar cada capítulo en el listado
• Implementar acción y mutación en el store para obtener listado de capítulos dada una temporada
• Implementar llamada desde el cliente al recurso GET /chapters
• Implementar tests unitarios de los distintos componentes