https://github.com/cesarmartinez7/delfilms

Plataforma de Streaming hecha con React and ViteJS
https://github.com/cesarmartinez7/delfilms

expressjs free movies-streaming react react-router tmdb-api vidlinkpro vite

Last synced: 5 days ago
JSON representation

Plataforma de Streaming hecha con React and ViteJS

• Host: GitHub
• URL: https://github.com/cesarmartinez7/delfilms
• Owner: CesarMartinez7
• License: other
• Created: 2025-01-02T08:15:28.000Z (about 1 month ago)
• Default Branch: env
• Last Pushed: 2025-01-23T19:48:57.000Z (20 days ago)
• Last Synced: 2025-01-23T20:30:05.233Z (20 days ago)
• Topics: expressjs, free, movies-streaming, react, react-router, tmdb-api, vidlinkpro, vite
• Language: JavaScript
• Homepage: https://delfilms.pages.dev
• Size: 4.82 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://vidlink.pro/) y permite a los usuarios buscar sus películas favoritas si anuncios.

# Deploy Link Free

   - [Cloudflare](https://delfilms.pages.dev/)

   - [Vercel](https://delfilms.vercel.app/)

## **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

6. **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

7. **Añadir Express**

   - Configurar un servidor backend utilizando Express.js. 👍🕵️

   - Implementar rutas y controladores necesarios para la funcionalidad de la aplicación.

8. **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

9. **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.

10. **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 [email protected]