HenriqueGSena/api-giphy

Api Giphy Developers

O projeto consiste em criar uma tela que consuma os dados de uma api contendo algumas funcinalidades, sendo elas:

Funcionalidades

• Scroll infinito;
• Opção de busca de gif;
• Uma visualização ampliada do gif selecionado;

Instalação

Clone o projeto

  git clone https://github.com/HenriqueGSena/api-giphy.git

Entre no diretório do projeto

  cd api-giphy

Instale as dependências

  npm install

Rode o projeto com comando

npm run start

Para realizar o bluid do projeto

npm run build

Documentação da API

Retorna todos os itens

  GET https://api.giphy.com/v1/gifs/trending

Parâmetro	Tipo	Descrição
api_key	key	Obrigatório. A chave da sua API
offset	integer

Retorna um item

  GET https://api.giphy.com/v1/gifs/search

Parâmetro	Tipo	Descrição
api_key	key	Obrigatório. A chave da sua API
q	string	Obrigatório.

Referência

• Api Giphy Developers

Stack utilizada

Front-end: Vue.js 3, Typescript, Axios, Bootstrap, Bootstrap-Icons;