Skip to content

Latest commit

 

History

History
71 lines (40 loc) · 2.12 KB

README.md

File metadata and controls

71 lines (40 loc) · 2.12 KB
Raw

GIF Viewer

O GIF Viewer é uma aplicação web que permite aos usuários visualizar e pesquisar GIFs de forma fácil e divertida.

Visão Geral

O GIF Viewer consome a API do Giphy para buscar GIFs tendências e permite aos usuários pesquisar por GIFs específicos. Ele exibe os GIFs em uma grade com rolagem infinita, fornecendo uma experiência de navegação contínua.

Além disso, os usuários podem clicar em um GIF para visualizá-lo em tamanho ampliado em um modal.

Funcionalidades

  • Exibição de GIFs tendências
  • Pesquisa de GIFs por termo
  • Rolagem infinita para carregar mais GIFs
  • Visualização em tamanho ampliado de GIFs selecionados

Instalação

Para executar o GIF Viewer localmente, siga estas etapas:

  1. Clone o repositório para sua máquina local: git clone https://github.com/Deivison-Pimentel/gif-viewer.git

  2. Instale as dependências do projeto:

    cd gif-viewer npm install

  3. Inicie o servidor de desenvolvimento:

    npm run serve

  4. Abra seu navegador e acesse http://localhost:8080 para visualizar o aplicativo.

Tecnologias Utilizadas

  • Vue.js: Framework JavaScript para construção de interfaces de usuário
  • Axios: Cliente HTTP para fazer requisições à API do Giphy
  • Tailwind CSS: Framework CSS utilitário para estilização rápida e consistente
  • Vue Router: Roteador oficial do Vue.js para navegação entre páginas
  • Vue Modal: Componente de modal Vue.js para exibir GIFs em tamanho ampliado
  • Jest: Framework de teste de JavaScript para escrever e executar testes unitários

Contribuição

Se você quiser contribuir com o projeto, por favor, siga estas etapas:

  1. Fork o repositório e crie um branch para sua contribuição:

git checkout -b feature/SuaContribuicao

  1. Faça suas alterações e commit:

git commit -am 'Adicione sua contribuição'

  1. Faça push para o branch:

git push origin feature/SuaContribuicao

  1. Abra um Pull Request e descreva suas alterações.

Autor

Deivison Pimentel - @Deivison-Pimentel

Licença

Este projeto está licenciado sob a MIT License.