Danieldev
ENES

Ytrends.net - Una alternativa a las tendencias de Youtube

Creé este proyecto para practicar typescript.

reactjsyoutube-apifirebasetypescriptcss-in-jscssbulmacsshtmldockersingle-page-apppersonal-project

Una alternativa a las tendencias de Youtube

Cuando se trata de proyectos personales siempre intento hacer algo útil. Normalmente útil para mí, pero también puede serle útil a otro. Creé este proyecto porque el algoritmo oficial de las tendencias de Youtube es un poco raro, me da la impresión de que ponen lo que le interesa poner a Youtube.

El proyecto ya no está online y visible, pero todavía puedes hacerle deploy usando el repositorio de GitHub

Screenshots Demo

Página principal en móviles

Ytrends Mobile Home

Algoritmo generado para diferentes países

Ytrends available countries

Formulario de contacto usa Firebase como backend

Ytrends Formulario contacto

Elimina las categorías no deseadas

Ytrends Filtros

Contenido ruso en vista de portátil

Ytrends Rusia portátil

Contenido koreano en móvil

Ytrends Korea móviles

Contenido japonés en tablet

Ytrends Tablet japón

Tecnologías utilizadas

Ytrends Tecnologías usadas

Aspecto técnico

Este proyecto se creó con typescript. Tiene un Frontend apoyado en typescript + react + bulmacss. El backend es tan solo un script, también hecho con typescript, que utiliza la API de Youtube y algo de matemáticas para crear un nuevo algoritmo.

Un contenedor Docker se encarga del backend y de actualizar los videos diariamente.

Uso de Firebase para almacenar el formulario de contacto.

Disclaimer

El proyecto depende de la API de Youtube y todos sabemos que Google suele descontinuar sus inventos, así que no puedo garantizar que viva eternamente.

Muéstrame el código

El proyecto es open source, hice un repositorio en GitHub, así que puedes visitarlo.

https://github.com/zebnat/videotrends-alternative

Ver todos los proyectos