No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Deploy

19/20
Recursos

Aportes 32

Preguntas 6

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

o inicia sesi贸n.

馃挌 Like si quieres un curso 鈥渁vanzado鈥 donde hagamos deploy SIN EXPONER nuestra API KEY (entre otras cosas m谩s 鈥渁vanzadas鈥)
.
馃挭 Si llegamos a 300, me comprometo a鈥 hacer mi mayor esfuerzo 馃槄 por grabarlo lo m谩s pronto posible

Ay ese Ronald Mendoza, le dije que no era buena idea una clase de deploy porque se iban a exponer tus API Key 馃寶

Con mucho esmero y sudor les comparto mi sitio, me cost贸 sudor el scroll automatico de la secci贸n bestRated movies

https://gilbertardila.github.io/movieAPI/#home

![](
![](

El buen @RetaxMaster

Aqu铆 mi sitio en Netlify , espero no me roben la API-KEY, pero la vida es un riesgo XD

Reto 1 - Hacer responsive
Reto 2 - Cargar las favorites movies sin recargar la p谩gina con el evento window
Reto 3 - Agregar idiomas
Reto 4 - Arreglar espacio en blanco abajo

Prometo hacer todos los retos y responder este mensaje con los updates

隆Gracias por el magn铆fico curso!

Buen铆simos cursos, me ense帽aron mucho, recomendados 100%. Aqu铆 les dejo mi soluci贸n con reto completado https://pickone-free.netlify.app/

no lo sub铆 pero as铆 quedo

He subido mi sitio a Netlify, espero que les guste la estructura del proyecto.
.
Url del proyecto: https://platzi-movie.netlify.app
.
Lo he subido usando las buenas pr谩cticas de como proteger las variables de entornos usando archivos .env y adem谩s empaquetando todo el proyecto con webpack, recomiendo hacer el Curso de Webpack con el profesor Oscar Barajas y si quieren ir al grano, esta clase me ayud贸 m煤cho a como desplegar un sitio web en netlify.
.
Les comparto mi proyecto en github: Click aqu铆

Dejo aqu铆 el link de mi proyecto, todav铆a me queda realizar el responsive y algunos otros cambios en los estilos, pero el resto est谩 funcionando. Tal vez le siga agregando funcionalidades utilizando la API de TMDB que tiene mucho para explotar.
隆Gracias por el curso! De este tipo son mis favoritos.

Les dejo mi proyecto https://devnielote.github.io/quick-watch/# 馃榿
No logr茅 que funcionara el scroll infinito desde un celular, solo funcionaba correctamente desde el escritorio y las dev tools 馃槄

Los comparto el proyecto, que me tard茅 m谩s tiempo del que imaginaba peeero me gust贸 mucho el resultado:

Les comparto mi deploy y mi repositorio 馃槈

Terminado, me encanta el resultado final, aunque aun hay detalles que pulir y animacion por a帽adir.
Aqui enlace The Moovies


Aqu铆 les dejo mi app desplegada, a煤n tiene peque帽os fallos(los cuales ir茅 arreglando), pero es trabajo honesto, es el proyecto mas largo que he hecho 馃槂
MovieDP APP Cualquier retroalimentaci贸n es bienvenida

隆Que gran trilogia de cursos! Fue realmente un antes y un despues en mi forma de trabajar.

Muy buen curso, aprendi mucho y desde hace un tiempo para aca queria hacer una app de peliculas. Aqui mi version del proyecto:

Despu茅s de una semana termine mi proyecto:
recibo cualquier comentario constructivo.
https://riszart.github.io/riszmovie-page/public/index.html

Siento que puedo mejorar en CSS pero si fue gratificante que aunque no haya hecho un curso de CSS ya me puedo manejar mejor con tantos elementos y modificadores. Aqu铆 les dejo el resultado, en un futuro le agregar茅 a煤n mas features 馃挌

Main section

Movie Detail

Internationalization

Creo que es hora de aprender un framework de JS luego de terminar esta trilog铆a de cursos鈥mpezar茅 por REACT鈥spero haga una buena elecci贸n.

As铆 qued贸 mi aplicaci贸n, espero pronto aprender m谩s de css y hacerla responsive:

https://diegotellezc.github.io/Moviepedia/

Este es mi repositorio: https://github.com/diegotellezc/Moviepedia/settings/pages

https://ghalliard.github.io/curso-api-rest-practico/
Dejo mi proyecto con muchos bugs y con muchas posibles mejoras. Falta implementar muchas cosas que tengo en mente, no s茅 c贸mo. Sin embargo, con lo que siga aprendiendo, encontrar茅 la forma. Espero comentarios positivos y constructivos 馃槃 Excelente curso.
PSDT: solo tiene version mobile.

Me hace falta desarrollar el sistema de cambio de idiomas, mientras tanto les comparto el trabajo que realic茅. La trilog铆a de consumo de API han sido de los mejores cursos que he tomado. Felicidades JuanDC
https://bespoke-lokum-907380.netlify.app/

Aqui esta mi proyecto
![](

prometo mejorarlo鈥

https://dampdev.github.io/dampMovies/#home
agregue los trailer y el reparto de cada pelicula
y un preview antes de entrar a detalles

Para publicar tu repositorio p煤blico de GitHub en GitHub Pages sin exponer tu API key, puedes seguir los siguientes pasos:
.

  1. Crea un archivo de configuraci贸n llamado .env en la ra铆z de tu repositorio local. Este archivo ser谩 ignorado por Git y no se incluir谩 en tu repositorio remoto.
    .

  2. En el archivo .env, agrega la l铆nea correspondiente a tu API key. Por ejemplo, si tu API key se llama API_KEY, agrega la siguiente l铆nea al archivo:

    API_KEY=TU_API_KEY_AQU脥
    
  3. Aseg煤rate de tener un archivo de configuraci贸n para tu aplicaci贸n que lea la API key de la variable de entorno en lugar de tenerla codificada en el c贸digo. Por ejemplo, si est谩s utilizando JavaScript, podr铆as tener algo como esto en tu archivo de configuraci贸n:

    const apiKey = process.env.API_KEY;
    
  4. Aseg煤rate de que el archivo .env se incluya en tu archivo .gitignore para que no se suba al repositorio remoto.
    .

  5. Genera una versi贸n compilada de tu aplicaci贸n que incluya el archivo de configuraci贸n actualizado.
    .

  6. Crea un nuevo branch en tu repositorio local para GitHub Pages.
    .

  7. Realiza el commit y el push de la versi贸n compilada y los archivos necesarios para GitHub Pages a ese branch.
    .

  8. Configura tu repositorio de GitHub para usar el branch de GitHub Pages como la fuente de publicaci贸n.
    .

  9. GitHub Pages utilizar谩 los archivos del branch que has configurado y no expondr谩 la API key, ya que el archivo .env no se ha incluido en el repositorio remoto.
    .

De esta manera, tu repositorio de GitHub Pages estar谩 publicado sin exponer tu API key. Recuerda actualizar tu archivo de configuraci贸n y volver a generar una versi贸n compilada de tu aplicaci贸n si necesitas cambiar la API key en el futuro.

Comparto mi proyecto, muy feliz del resultado, a煤n faltan cositas, pero bueno, por ahora as铆 va:
Para no publicar la API_KEY, le agregu茅 un prompt para que por ahora (mientras aprendo a ocultarla desde el backend) el usuario ingrese su API_KEY.
Le agregu茅 el selector de idioma, y le puse los t铆tulos de las secciones para que de forma din谩mica cambien tambi茅n de acuerdo a la selecci贸n de idioma del usuario.

https://lizzcoldev.github.io/curso-api-rest/#home
Repositorio: https://github.com/LizzColDev/curso-api-rest/tree/github-pages

Gracias Juan鈽

Hola!!! he estado viendo las soluciones y me gustaron mucho, pero vi un tema que se repet铆a en muchas. Al momento de cambiar el idioma, cambian los nombres de todas las pel铆culas menos las que est谩n agregadas a favoritos en LocalStorage.

Para solucionar esto, agregue en el m茅todo de createMovies, que al recorrer la lista de pel铆culas a dibujar buscara si esta ya se encontraba en la lista de favoritos, en caso de encontrarse, se actualiza la informaci贸n con la pel铆cula en el idioma nuevo, esto permitir谩 que a medida que se vayan cargando pel铆culas en distintos idiomas de vayan actualizando los idiomas de las pel铆culas de la lista de favoritos.

no se si se entienda, tampoco si es la forma correcta, pero dejo el c贸digo por si a alguien le sirve.

function createMovies(movies, container, { lazyLoad = false, cleanContainer = true, updateFav = false } = {})
{
	...
	 if(likedMoviesList()[movie.id] && updateFav) {
            const likedMovies = likedMoviesList();

            if(likedMovies[movie.id])
                likedMovies[movie.id] = movie;
        
            localStorage.setItem('liked_movies', JSON.stringify(likedMovies));

	   // Se actualiza la visualizaci贸n de favoritos
            getLikedMovies();
        }
	...	
}

Asi se mira mi app

Le agregue un registro y un login, tambien agregue la watchlist y favoritos, todo con la misma api, pr贸ximamente se podr谩 calificar las pel铆culas, todo hecho con React.
repositorio: https://github.com/Takeout85/movie-app
pagina: https://takeout85.github.io/movie-app/