Este es el último proyecto a entregar de la carrera de desarrollo FrontEnd para ADAITW. En este caso cree una aplicación de peliculas con React utilizando una API, donde veras los nuevos lanzamientos, peliculas populares, tus peliculas favoritas y un buscador.
Tenemos un header donde podemos ver el logo junto con el navbar que tiene las opciones: Home, New Movies, Popular, Favorites y en la esquina superior derecha la opcion de Search.
También cuenta con un slider (carrusel) de 5 peliculas donde vas a ver la imagen de fondo de cada una junto con su pequeño resumen y al hacerle click te llevará al detalle de la misma. Además vas a encontrar dos listas: Popular y Top Rated. Con 20 peliculas en cada una de ellas, también al clickearlas te llevará al detalle.
En esta sección encontrarás una lista de cards con los nuevos lanzamientos y en la parte superior derecha (de cada card) un corazon que te permitirá marcar tus peliculas favoritas (es posible desmarcar una pelicula fav).
En esta sección encontrarás una lista de cards con las peliculas populares del momento. También podrás elegir tus peliculas favoritas (es posible desmarcar una pelicula fav).
Aquí vas a encontrar las peliculas marcadas como "favoritas" (vas a encontrar un corazon rojo en la parte superior derecha de cada card/tarjeta). Ademas de tener la posibilidad de desmarcarla, entonces la pelicula desaparecerá de esta sección.
En esta sección encontrarás un buscador de peliculas, cada vez que escribas una letra el buscador va a ir actualizando la búsqueda.
Para esta app utilicé los siguientes recursos:
- React Icons -> ReactIcons
- Material UI -> Material UI
Marcela Duran: