My Favorite Movies

Link Git Hub pages

Miembros

• Carmen Blanco Delgado
• Gustavo Ardaya Zubieta
• Daniel Gallego López

Briefing

Un equipo backend de una empresa relacionada con el mundo audiovisual, nos pide que desarrollemos un frontend para que sus clientes puedan gestionar su catálogo de películas.

Requisitos Funcionales:

• Ver galería de movies
• Filtro de la galería de movies
• Ver ficha de detalle de la movie
• Borrar una movie de la galería
• Añadir una movie a la galería
• Editar una movie del catálogo
• Añadir una movie a favoritas
• Ver galería de las movies favoritas

Requisitos no Funcionales

• Utilizacion de API

Realización del Proyecto

Objetivos Pedagógicos

• Atomic Design (diseñando componentes)
• React state, props, events, function .map()
• Responsive design (Html - Css)
• Consumo de API Rest
• React hooks : useState, useEffect (estado y efectos en el ciclo de vida)
• Persistencia de datos con API Rest

💻Tecnologías

🛠️Herramientas

Enlaces de interés

Trello: https://trello.com/b/J6xzn4WY/my-favorite-movies
Figma: https://www.figma.com/file/a6HGpYLO1OU5SXwew6dxBK/My-Favourite-Movies?node-id=21%3A140&t=vjLNqlCVn6g8oS42-0
JSONLint: https://jsonlint.com/

Primer Sprint

Objetivos Alcanzados

• Diseño de Elementos principales comunes:
  • Navbar
  • Footer
  • Main
• Diseño de Lista principal de peliculas:
  • Cards individuales
  • Formato de lista
  • Elementos visuales de cards
• Diseño de Detalle de Peliculas:
  • Contenido detallado de películas

Objetivos Pendientes

• Funcionalidades de:
  • Busqueda (filtro)
  • Borrar película
  • Editar película
  • Añadir película
  • Seleccion de favoritas

Imágenes de Ejemplo del Proyecto

Página Principal

Detalle de Película

Ejemplo de objeto en API