Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 7 vistas

    Trabajo Integrador 2023

    Cargado por

    Jonathan Bedoya

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Trabajo Integrador 2023

    Cargado por

    Jonathan Bedoya
    7 vistas6 páginas

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    7 vistas6 páginas

    Trabajo Integrador 2023

    Cargado por

    Jonathan Bedoya

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    Está en la página 1de 6

    TRABAJO INTEGRADOR

    Codo a Codo - React

    CLON DE NETFLIX
    30 de noviembre del 2023

    OBJETIVOS
    1. Desarrollar un proyecto en React.JS que cuente con los estándares recomendados al día
    de la fecha.
    2. Integrar en el proyecto los conceptos básicos de la librería.
    3. Realizar el diseño de un sistema y de sus componentes.
    4. Comprender el proceso de despliegue de una aplicación web.
    5. Fortalecer las habilidades grupales y los flujos de trabajo con sistemas de control de
    versiones.

    DESCRIPCIÓN
    El objetivo de este trabajo final es crear una aplicación web que simule la experiencia de
    navegación y visualización de contenido al estilo de Netflix. Utilizarás React como librería
    principal y consumirás la API de TMDB (The Movie Database) para obtener información sobre
    películas y series. Los estudiantes deben aplicar los conceptos fundamentales de React, como
    useState y useEffect, y tienen libertad para utilizar librerías externas que faciliten el desarrollo.
    Además, se valorará la creación de un diseño del sistema y de componentes que priorice la
    reusabilidad.
    REQUISITOS OBLIGATORIOS
    ● Utilizar React para construir la aplicación.
    ● Consumir la API de TMDB para obtener información sobre películas y series. Los
    estudiantes deben realizar las solicitudes HTTP necesarias para obtener datos
    relevantes.
    ● Implementar useState y useEffect de manera adecuada en el proyecto.
    ● La aplicación debe contar con al menos dos vistas principales (por ejemplo, una página
    de inicio y una página de detalles de película/serie).
    ● Proporcionar funcionalidades para buscar y ver detalles de películas y series.
    ● Crear una interfaz de usuario atractiva y funcional. Los estilos son libres y deben ser
    coherentes con el diseño de Netflix.

    REQUISITOS OPCIONALES
    ● Diseñar y desarrollar un sistema de autenticación de usuarios si se considera apropiado.

    ● Implementar funcionalidades adicionales, como la creación de listas de reproducción,


    recomendaciones personalizadas o cualquier otra característica interesante.

    ● Usar librerías externas como React Router para la gestión de rutas y Styled Components,
    NextUI, Bootstrap u otras librerías para la gestión de estilos.

    ● Priorizar la reutilización de componentes en el diseño del sistema, fomentando la


    modularidad y la escalabilidad.

    ENTREGA
    Los estudiantes deben entregar un repositorio de GitHub que contenga el código fuente de la
    aplicación y un archivo README con instrucciones para ejecutar la aplicación localmente.
    Además, de preferencia se requiere que la aplicación esté desplegada y que se proporcione un
    enlace funcional.
    EVALUACIÓN
    La evaluación del trabajo final se basará en la calidad del código, la funcionalidad de la
    aplicación, la implementación de los requisitos obligatorios, la creatividad en el diseño de la
    interfaz de usuario y la promoción de la reusabilidad de componentes. Se valorará
    especialmente el trabajo en grupo, si aplica.

    FECHA DE ENTREGA
    El trabajo final deberá ser entregado antes del 30 de noviembre.
    ENLACES ÚTILES
    TMDB - https://www.themoviedb.org/?language=es

    SWIPER - https://swiperjs.com/element

    REACT ROUTER - https://reactrouter.com/en/main

    PRAVATAR - https://pravatar.cc/

    RANDOM USER - https://randomuser.me/

    RANDOM USER - https://api-ninjas.com/api/randomuser

    RANDOM DATA - https://random-data-api.com/documentation

    FIREBASE - https://firebase.google.com/

    NEXTUI - https://nextui.org/

    MATERIAL UI - https://mui.com/

    TAILWIND - https://tailwindcss.com/

    FRAMER MOTION - https://www.framer.com/motion/?utm_source=motion-readme-docs

    VERCEL - https://vercel.com/dashboard

    ADOBE COLOR WHEEL - https://color.adobe.com/create/color-wheel

    PALETTON - https://paletton.com/#uid=13+0u0kllllaFw0g0qFqFg0w0aF

    COLOR PALETTES - https://colorhunt.co/

    UIVERSE - https://uiverse.io/

    TAILWIND PALETTE GENERATOR - https://uicolors.app/create

    TAILWIND GRADIENTS - https://hypercolor.dev/


    INSIPRACIÓN

    También podría gustarte