Skip to content

Plataforma de Streaming SUPER completa hecha con React and ViteJS.

License

Notifications You must be signed in to change notification settings

CesarMartinez7/DelFilms

Repository files navigation

DelFilms

DelFilms es una aplicación web para descubrir, disfrutar y compartir películas con nueva integración a series. Utiliza la API de The Movie Database (TMDb) para obtener información sobre películas populares junto con la api de Vidlink y permite a los usuarios buscar sus películas favoritas si anuncios.

Deploy Link Free

Características

  • Búsqueda de películas: Busca tus películas favoritas por título.
  • Películas populares: Muestra una lista de películas populares al iniciar la aplicación.
  • Detalles de la película: Muestra información detallada sobre una película seleccionada, incluyendo su sinopsis, géneros, popularidad, fecha de lanzamiento, estado y más.
  • Reproducción de películas: Permite la reproducción de películas a través de un iframe integrado.
  • Interfaz amigable: Diseñada para ofrecer una experiencia de usuario intuitiva y atractiva.
  • Integración con series: Ahora también puedes buscar y explorar series, con toda la funcionalidad que ya conoces.

Tecnologías Utilizadas

  • React: Biblioteca de JavaScript para construir interfaces de usuario.
  • Vite: Herramienta de construcción rápida para proyectos de frontend.
  • Tailwind CSS: Framework de CSS para un diseño rápido y eficiente.
  • DaisyUI: Componentes de UI para Tailwind CSS.
  • TMDb API: API para obtener información sobre películas.
  • VIDLINK Y EMBED API: API para obtener las series y películas.

Lista de Tareas Urgentes

Funcionalidades y Mejoras

  1. Añadir Marquee de Búsqueda

    • Implementar un componente de marquee para mostrar resultados de búsqueda destacados.
  2. Mejorar Página de Película (Movie.jsx)

    • Revisar y mejorar el diseño y la presentación de los detalles de la película.
    • Asegurarse de que todos los datos relevantes se muestran correctamente.
  3. Añadir Sección de Contacto

    • Crear una sección de contacto con información relevante y un formulario de contacto.
  4. Finalizar Navbar

    • Completar el diseño y la funcionalidad de la barra de navegación.
    • Asegurarse de que todos los enlaces y menús funcionan correctamente.
  5. Añadir Logo de la App

    • Diseñar o seleccionar un logo para la aplicación.
    • Integrar el logo en la barra de navegación y otras partes relevantes de la aplicación.
  6. **Añadir formato de descarga de pelicula junto a un breacrumbs y loanding react con lazy y suspence con fallback

Refactorización y Organización

  1. Refactorizar y Ordenar Carpetas 👍
    • Revisar la estructura del proyecto y reorganizar las carpetas y archivos para mejorar la claridad y el mantenimiento.
    • Asegurarse de que los componentes, páginas y recursos están bien organizados.

Backend y Recursos

  1. Añadir Express

    • Configurar un servidor backend utilizando Express.js. 👍🕵️
    • Implementar rutas y controladores necesarios para la funcionalidad de la aplicación.
  2. Descargar Fotos de Películas en Formato WebP

    • Descargar imágenes de películas en formato WebP para mejorar el rendimiento.
    • Integrar estas imágenes en el componente de marquee y otras partes de la aplicación.

Tareas Adicionales

  1. Revisar y Mejorar Documentación

    • Asegurarse de que el archivo README.md está actualizado con todas las nuevas funcionalidades y cambios.
    • Incluir instrucciones claras para la instalación, uso y contribución al proyecto.
  2. Pruebas y Depuración

    • Realizar pruebas exhaustivas para asegurar que todas las funcionalidades funcionan correctamente.
    • Depurar cualquier error o problema que surja durante las pruebas.

Contacto

Para cualquier consulta o sugerencia, por favor contacta a cesarwamartinez@gmail.com

Releases

No releases published

Packages

No packages published