Galeria de Raças de Cachorros 🐶
Esta é uma aplicação web interativa que permite aos usuários explorar diferentes raças de cachorros e visualizar imagens aleatórias de cada raça. A aplicação utiliza a Dog CEO API para obter dados e imagens, proporcionando uma interface simples e atraente para amantes de cães.
Funcionalidades Listagem de Raças: Exibe botões para cada raça de cachorro, obtidos da API Dog CEO. Exibição de Imagens: Ao clicar em um botão de raça, uma galeria com 4 imagens aleatórias daquela raça é exibida. Layout Responsivo: A interface adapta-se bem a dispositivos móveis e desktops. Design Moderno: Botões e imagens estilizados com efeitos visuais modernos. Tratamento de Erros: Mensagens de erro são exibidas no console se houver falha na comunicação com a API. Tecnologias Utilizadas
HTML5: Estrutura básica da aplicação.
CSS3: Estilização moderna com design responsivo.
JavaScript (ES6): Para consumir a API e manipular o DOM.
Dog CEO API: API externa usada para obter a lista de raças e imagens.
Instalação e Uso Clone este repositório para sua máquina local:
bash Copiar código git clone https://github.com/seu-usuario/nome-do-repositorio.git Abra o arquivo index.html em seu navegador ou utilize um servidor local para visualizar a aplicação.
Navegue pela lista de raças de cachorros e veja as imagens aleatórias de cada raça!
API A aplicação utiliza a Dog CEO API, acessível pelos seguintes endpoints:
Listagem de Raças: https://dog.ceo/api/breeds/list/all Imagens Aleatórias por Raça: https://dog.ceo/api/breed/{breed}/images/random/4