telemaca / proyectofinal Goto Github PK

• Debe tener un título
• Debe tener un link que lleve a una vista
• Debe tener una lista de 5 cards
• Los datos de los puntos anteriores se pasan como props

Hay mucho código repetido relacionado a styles; así que deberíamos dedicarle un poco a reducirlo haciendo uso de variables, funciones y mixins

La vista de Search tiene un montonazo de lógica adentro, pero podríamos empezar con al menos maquetarla y después ir armando otros issues para todo lo que hay que ir haciendo dentro

Crear el componente Hero, que va en Home, para mostrar la película trending del día

Hacer una LoadingPage para usar mientras cargan los datos; puede ser una general que sirva para las listas principales y otra LoadingSection que sirva para las tres secciones de peli/serie

En las Top Rated movies aparecen pelis medio cualca, que debe ser porque tienen muy poquitas reviews. Si filtramos para que muestre solo las que tienen a partir de X valoraciones, va a aquedar más accurate.

Cuando se carga esa vista, debería estar "info" por default.

El nuevo Hero usa una imagen enorme, que me parece que queda buenísima PERO algunas imágenes no se ven bien. Encontrarle la vuelta de alguna manera.

Creo que no está en ningún lado. Podríamos agregarlo en info de peli/serie

En el contexto hay muchos llamados en muchos useEffect. Quizá podamos encontrar la manera de hacerlo funcional para simplificar

Ayer lo único que llegué a hacer fue instalar esto jaja. Pero en principio lo usaríamos para el modal del video y si podemos, un carousel de cards. si quieren ir ganando tiempo, pueden ir instalándolo así eventualmente no les tira error:
yarn add react-bootstrap bootstrap

El de Home no porque está siempre visible, pero creo que deberíamos agregar el de ir para atrás con useHistory

El componente Rating debe mostrar estrellas rellenas, medias o vacías según corresponda al rating de la serie/película. Debe redondear el número. Debe tener la posibilidad o no de mostrar el puntaje al lado de las estrellas

@solzapata @julia-sartirana Les propongo que a partir de ahora usemos siempre que podamos la medida vw (view width) en lugares de pixeles para facilitar el responsive. Yo me adjudico este issue para lo que ya está hecho, pero para que lo tengan en cuenta en lo que hagamos a partir de ahora. (La medida la estoy usando todo el tiempo en el trabajo y es una maravilla lo que facilita todo)

Insertar los 4 íconos de cada NavLink y dar estilos generales al nav

• Debe aceptar una página máxima, una página actual y un callback para el evento onPageChange
• El componente debe tener el siguiente comportamiento:
• Si hay 7 páginas o menos debe mostrarlas todas

[1, 2, 3, 4, 5, 6, 7]

• Si hay más de 7 páginas, debe mostrar 7 elementos máximos

[1, 2, 3, 4, 5, ..., 10]

• Si se selecciona hasta un rango de 4 páginas desde atrás o adelante, debe seguirlo mostrando de la siguiente forma: el rango de 5 páginas en el que se esté (inicial o final), puntos suspensivos, y la página extrema contraria

[1, 2, 3, 4, 5, ..., 10]

[1, ..., 6, 7, 8, 9, 10]

• Si se selecciona más allá de 4 páginas, se debe mostrarlo de la siguiente forma: las dos páginas en los extremos, seguidas de puntos suspensivos, y 3 páginas con la actual en el medio y la previa y la siguiente a los costados

[1, ..., 4, 5, 6, ..., 10]

[1, ..., 5, 6, 7, ..., 10]

• El paginado tiene que tener también flechas a ambos costados para avanzar o retroceder de página, las cuales tienen que deshabilitarse cuando se llegan a los extremos