Objetivo: realizar un buscador de gifs consumiendo la api de Giphy usando Vue.js.
Para correr el proyecto localmente, una vez que se haya clonado este repositorio o en su defecto descargado la carpeta .zip es necesario realizar los siguientes pasos:
- Necesita abrir una consola posicionada en la raiz del proyeto.
- Ejecute el siguiente comando:
npm install
El cual instalará todas las dependencias necesarias para que el proyecto funcione correctamente.
- Si no marca ningún error, ejecute el siguiente comando:
npm run serve
El cual ejecuta el proyecto en modo de desarrollo.
- Para ver el proyecto corriendo abra una pestaña de su navegador preferido en la siguiente dirección http://localhost:8080/
El cual le mostrará la siguiente interfaz:
En la barra de búsqueda se debe escribir algún texto y ya sea dar click al botón de buscar o a la tecla enter de tu teclado, se generará la búsqueda para mostrar los resultados.
Los resultados se muestran de la siguiente manera:
En caso de que la búsqueda no arroje resultados la interfaz se mostrará de la siguiente forma:
¡Listo!
No dudes en dejar cualquier comentario, sugerencia o contribución mediante un PR ;)