Skip to content

Tu buscador de series, es una web responsive donde poder buscar todo tipo de series y marcar tus favoritas!

Notifications You must be signed in to change notification settings

adharamonzon/buscador-de-series

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Buscador de Series

Este es el resultado!💥

https://adharamonzon.github.io/Buscador-de-series/ Imagen del Buscador de series

Objetivo 🎯

Este ejercicio es de la evaluación final del módulo de react, en el el objetivo es crear un buscador de series, que muestre las series encontradas al escribir el nombre en el input de búsqueda. Para ello será necesario hacer una petición a una api pública (http://api.tvmaze.com/search/shows?q=girls). Filtrar los resultados de la api con el campo de búsqueda, filtrar los datos y mostrar una lista con los resultados encontrados. La web debe tener un apartado de favoritos para poder marcar las series favoritas, que debe guardarse en el local storage y mostrarse tras el reinicio de la página. Para añadir a favoritos tiene que ser clicando la serie o el título. Para quitarlo de la lista de favoritos tiene que ser clicando de nuevo en la serie tanto en la zona de buscados como en la zona de favoritos,también se debe poder borrar con un boton de borrar de una en una o toda la lista.

Tecnologías utilizadas 💻

HTML ✔

Para la estructura de la página web se ha utlizado HTML5, con partials para mantener el código más ordenado y legible, también se han utilizado etiquetas semánticas para mejorar la accesibilidad.

CSS3 y SASS ✔

Para los estilos de la página web se ha utilizado CSS con el preprocesador de SASS para poder anidar las variables, y se han utilizado las clases BEM.

JavaScript ✔

Para la funcionalidad de la página se ha utilizado JavaScript Vanilla, para la petición a la api, gestión de datos, pintado de las tarjetas de las series a través del DOM con JS, eventos de click, localStorage, etc.

Control de versiones / Git ✔

He usado git para el control de versiones, realizando el código en diferentes ramas para una mayor organización trabajando

Automatización de tareas con gulp ✔

Instalación del proyecto 🚀

Puedes clonarte el repositorio a través de este enlace, poniendo en la consola: git clone https://github.com/adharamonzon/tu-buscador-de-series.git y abrir el servidor.

About

Tu buscador de series, es una web responsive donde poder buscar todo tipo de series y marcar tus favoritas!

Topics

Resources

Stars

Watchers

Forks