Git Product home page Git Product logo

tmdb-adaitw's Introduction

THE MOVIE DATABASE FINDER

imagen-desktop

 

Proyecto React: "The movie Database"

Este es el último proyecto a presentar a ADAITW, en donde realizamos una web con React.JS, utilizando las siguientes herramientas:

 

html5 javascript javascript FontAwesome Undraw

 

Criterios de evaluación:

Los requisitos mínimos para que el proyecto sea considerado para la entrega son:

 
  • Debe respetar el diseño general dado. Pueden modificarse a gusto colores, fondo, fuentes e íconos
  • Debe respetar las interacciones y flujo de pantallas
  • Debe ser responsive
  • Debe cumplir con las funcionalidades principales listadas en la sección siguiente
  • Debe hacer hacer uso de un framework CSS
  • Debe estar deployado y ser accesible desde una dirección web
  • No se debe trabajar en la rama main. En main sólo van a mergearse las demás ramas, por lo que cada commit de main debería ser el merge de una branch de una funcionalidad terminada
  • Cada funcionalidad que se agregue debe hacerse mediante un PR (Pull Request)  

Funcionalidades principales#

 
  • Se debe tener un menú que nos muestre diferentes vistas(Home, ultimos lanzamientos, Populares y Buscador)
  • En Home se debe tener un slider con al menos 5 películas recomendadas y una breve descripción de la película en cuestión.
  • En Home debe tener dos listas(Populares y mejor puntadas) con al menos 10 películas cada una.
  • Cuando demos click a cualquier película debe llevarnos a una vista donde se vea el fondo de pantalla de esa película, el poster y la descripción de la misma.
  • Dentro de los detalles debemos contar con un botón para reproducir el triler de dicha película(funcionalidad avanzada)
  • La vista de Últimos lanzamientos nos debe mostrar un listado de al menos 20 películas en cards, con su titulo y un botón para llevarnos a la vista de detalles de - película (anteriormente mencionada)
  • La vista de Últimos lanzamientos debe contar con un paginador, para poder ir viendo de 20 películas en 20 películas(funcionalidad avanzada)
  • La vista de Populares debe tener lo mismo que la vista de Últimos lanzamientos pero con las películas más populares.
  • La vista de Buscador debe contar con un input, el cual al ir escribiendo se debe hacer un filtro y mostrar al menos 20 películas(en caso que existan) que concuerden con lo que el usuario eligió. . La URL de nuestra aplicación debe reflejar los cambios que el usuario haga, por ejemplo al seleccionar una película se debe modificar con el id de la película, al buscar una película se debe editar la url con los datos que el usuario va escribiendo(funcionalidad avanzada)
  • Todas las vistas deben de tener un footer.
     

🎥 Link al proyecto: TMDB API

tmdb-adaitw's People

Contributors

botcarola avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.