mihaelagheorghiu10 / movieapp

Home Page:https://movieapp-red.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My Favorite Movies

Miembros

  • Carmen Blanco Delgado
  • Esther Reyes Seyer
  • Mihaela Gheorghiu
  • 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

HTML5 CSS3 JavaScript React

🛠️Herramientas

Figma Visual Studio Code Trello Git GitHub

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

MvApp01

Detalle de Película

MvApp02

Ejemplo de objeto en API

MvApp03

About

https://movieapp-red.vercel.app


Languages

Language:JavaScript 77.7%Language:CSS 14.3%Language:HTML 8.0%