marcelimxo / lim010-hackathon-peliculas Goto Github PK

View Code? Open in Web Editor NEW

Cinelandia, app para recomendar peliculas para toda la familia

HTML 0.45% CSS 16.33% JavaScript 83.22%

lim010-hackathon-peliculas's Introduction

Hi there, it's Marce here 👋

A web developer with a passion for human-centered design. My goal is to build products that bring value and make the web more accessible. I am often described as a very curious, empathetic and proactive person. I love learning, sharing knowledge, and empowering women through technology, and I am always looking for new challenges.

🔭 I’m currently working on microservices with Typescript and RoR
👯 I’m looking to collaborate on anything, just hit me up!
📫 You can always talk to me on twitter
😄 Pronouns: She/her and They/them

lim010-hackathon-peliculas's People

Contributors

Watchers

lim010-hackathon-peliculas's Issues

Implementar el API de OMDB en nuestro proyecto

Iterar el Prototipo de Alta fidelidad

Elaborar prototipo de baja fidelidad

Exploración del API de OMDB.

Implementar un select para filtrar por categoría de películas más recientes

Hacer Test Unitario

Definición de criterios de aceptación.

Definición de historias de usuario.

Implementar la funcionalidad de search para la busqueda de peliculas por nombre

Realizar la investigación UX

Hacer Pruebas de Usabilidad

Implementar la funcionalidad para crear los modal

Implementar un select para mostrar la categoría de películas por valoración (rating)

HISTORIA DE USUARIO 4: Como usuario/a quiero poder seleccionar una película por género para decidir el trama que quiero que vea mi hijo/a

CRITERIOS DE ACEPTACIÓN:

DADO si el usuario selecciona una opción categoría de Género CUANDO despliega las opciones para escoger una película infantil ENTONCES el Sistema le mostrará las películas disponibles de acuerdo al Género seleccionado.
DADO si el usuario cambia su selección de película infantil CUANDO selecciona otra opción en la categoría Género ENTONCES el Sistema desplegará las películas filtradas por el género seleccionado.
DADO si el usuario no selecciona ninguna opción en la categoría de Género CUANDO se despliega las opciones ENTONCES el Sistema sólo mostrará la sección de destacados.

DEFINICIÓN DE TERMINADO

Que se visualice las películas infantiles filtradas por el género seleccionado por el usuario.
Que se visualice las películas infantiles de otro género, si el usuario cambia su selección en la categoría de Género.
Que pase el Test de pruebas unitarias.
Que el diseño sea Responsive Web Designer.
Que este publicado en GH-Pages

Elaborar el prototipo de alta fidelidad en FIGMA

HISTORIA DE USUARIO 6: Como usuario/a me interesa ordenar la búsqueda de películas por fecha de lanzamiento para saber cuales son los contenidos infantiles más recientes

CRITERIOS DE ACEPTACIÓN:

DADO si el usuario quiere ordenar los títulos de las películas infantiles de acuerdo a su fecha de lanzamiento CUANDO le da click al botón de Reciente ENTONCES el Sistema le mostrará las películas ordenadas de acuerdo al año.
DADO que el usuario quiere saber más detalle sobre la película infantil de su elección CUANDO hace click en la imagen de la película ENTONCES el Sistema abrirá una ventana con la información más detallada.

DEFINICIÓN DE TERMINADO

Que se visualice los títulos de la película ordenados por fecha de lanzamiento seleccionado por el usuario.
Que al hacer click en la imagen de la película infantil seleccionada, se muestre una ventana (modal) con las características más resaltantes de la película.
Que pase el Test de pruebas unitarias.
Que el diseño sea Responsive Web Designer.
Que este publicado en GH-Pages

HISTORIA DE USUARIO 2: Como usuario/a me interesa ver información detallada de la película como sinopsis, año de lanzamiento, género, rating.

CRITERIOS DE ACEPTACIÓN:

DADO si el usuario quiere visualizar los títulos de las películas más destacadas CUANDO ingresa a la página ENTONCES el Sistema le mostrará en una sección principal un mallado de 10 películas infantiles.
DADO que el usuario quiere tomar una decisión CUANDO va a seleccionar la película dentro de la sección de los más destacados ENTONCES el Sistema le mostrará la puntuación para que lo considere como criterio para su selección.
DADO que el usuario quiere saber más detalle sobre la película infantil de su elección CUANDO hace click en la imagen de la película ENTONCES el Sistema abrirá una ventana con la información más detallada.

DEFINICIÓN DE TERMINADO

Que se visualice la imagen y el título de las diez (10) películas infantiles más destacadas según su puntuación.
Que al hacer click en la imagen de la película infantil seleccionada, se muestre una ventana (modal) con las características más resaltantes de la película.
Que pase el Test de pruebas unitarias.
Que el diseño sea Responsive Web Designer.
Que este publicado en GH-Pages

Seleccionar framework de CSS.

HISTORIA DE USUARIO 1: Como usuario al ingresar a la página quiero visualizar las películas más destacadas para seleccionar el mejor contenido para toda la familia

CRITERIOS DE ACEPTACIÓN:

DADO si el usuario quiere visualizar los títulos de las películas más destacadas CUANDO ingresa a la página ENTONCES el Sistema le mostrará en una sección principal un mallado de 10 películas infantiles.
DADO que el usuario quiere tomar una decisión CUANDO va a seleccionar la película dentro de la sección de los más destacados ENTONCES el Sistema le mostrará la puntuación para que lo considere como criterio para su selección.
DADO que el usuario quiere saber más detalle sobre la película infantil de su elección CUANDO hace click en la imagen de la película ENTONCES el Sistema abrirá una ventana con la información más detallada.

DEFINICIÓN DE TERMINADO

Que se visualice la imagen y el título de las diez (10) películas infantiles más destacadas según su puntuación.
Que al hacer click en la imagen de la película infantil seleccionada, se muestre una ventana (modal) con las características más resaltantes de la película.
Que pase el Test de pruebas unitarias.
Que el diseño sea Responsive Web Designer.
Que este publicado en GH-Pages

HISTORIA DE USUARIO 5: Como usuario me interesa buscar películas de acuerdo a su valoración para que mi búsqueda incluya las películas infantiles que tenga mayor votación de los medios

CRITERIOS DE ACEPTACIÓN:

DADO si el usuario quiere clasificar los títulos de las películas infantiles de acuerdo a su valoración (rating) CUANDO le da click al botón de Valoración ENTONCES el Sistema le mostrará las películas ordenadas de acuerdo a su puntuación.
DADO que el usuario quiere saber más detalle sobre la película infantil de su elección CUANDO hace click en la imagen de la película ENTONCES el Sistema abrirá una ventana con la información más detallada.

DEFINICIÓN DE TERMINADO

Que se visualice los títulos de la película ordenados por valoración seleccionado por el usuario.
Que al hacer click en la imagen de la película infantil seleccionada, se muestre una ventana (modal) con las características más resaltantes de la película.
Que pase el Test de pruebas unitarias.
Que el diseño sea Responsive Web Designer.
Que este publicado en GH-Pages

Elaboración de la definición de terminado.

HISTORIA DE USUARIO 3: Como usuario/a quiero buscar nombres de películas infantiles para ubicar la película de forma más rápida

CRITERIOS DE ACEPTACIÓN:

DADO si el usuario quiere visualizar las películas infantiles publicadas en un periodo determinado CUANDO selecciona el rango de años de su preferencia en la categoría Años ENTONCES el Sistema le mostrará las películas publicadas en ese rango seleccionado.
DADO si el usuario quiere realizar otra búsqueda en la categoría Años CUANDO selecciona otro rango de su interés ENTONCES el Sistema desplegará las películas filtradas por ese rango seleccionado.
DADO si el usuario no selecciona ninguna opción en la categoría de Año CUANDO se despliega las opciones ENTONCES el Sistema sólo mostrará la sección de destacados o la selección previa del usuario.
DADO que el usuario quiere saber más detalle sobre la película infantil de su elección CUANDO* hace click en la imagen de la película ENTONCES el Sistema abrirá una ventana con la información más detallada.

DEFINICIÓN DE TERMINADO

Que se visualice las películas infantiles filtradas por año de publicación seleccionado por el usuario.
Que se visualice las películas infantiles de otro rango de año de publicación, si el usuario cambia su selección en la categoría de Año .
Que al hacer click en la imagen de la película infantil seleccionada, se muestre una ventana (modal) con las características más resaltantes de la película.
- Que pase el Test de pruebas unitarias.
- Que el diseño sea Responsive Web Designer.
- Que este publicado en GH-Pages