https://github.com/alissonooliveiraofc/pets-api

Este projeto é uma aplicação web divertida que permite aos usuários visualizar imagens aleatórias de cães e gatos com apenas um clique! Utilizando APIs públicas, a aplicação busca imagens de cães e gatos e as exibe na tela.
https://github.com/alissonooliveiraofc/pets-api

api bootstrap css dom fetch-api flex-box html mobile-first sweetalert2

Last synced: about 1 month ago
JSON representation

Este projeto é uma aplicação web divertida que permite aos usuários visualizar imagens aleatórias de cães e gatos com apenas um clique! Utilizando APIs públicas, a aplicação busca imagens de cães e gatos e as exibe na tela.

• Host: GitHub
• URL: https://github.com/alissonooliveiraofc/pets-api
• Owner: alissonooliveiraofc
• Created: 2024-11-07T19:13:37.000Z (about 1 month ago)
• Default Branch: main
• Last Pushed: 2024-11-07T19:46:52.000Z (about 1 month ago)
• Last Synced: 2024-11-07T20:27:28.309Z (about 1 month ago)
• Topics: api, bootstrap, css, dom, fetch-api, flex-box, html, mobile-first, sweetalert2
• Language: HTML
• Homepage: https://pets-api.surge.sh/
• Size: 38.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# pets-api

## Antes de Começar 🥇

> Use `npm install` para instalar o projeto e depois `npx vite --open` para abrir localmente ou apenas use o link da aplicação online.

## Link do Projeto 🚀

https://pets-api.surge.sh/

## Descrição do projeto 😻

Este projeto é uma aplicação web divertida que permite aos usuários visualizar imagens aleatórias de cães e gatos com apenas um clique! Utilizando `APIs públicas`, a aplicação busca imagens de cães e gatos e as exibe na tela. Além disso, há um botão mágico que escolhe aleatoriamente entre um cão ou um gato para surpreender o usuário. 
 A interface é estilizada com `Bootstrap` e `SweetAlert2` é utilizado para exibir mensagens de erro de forma elegante.

## Modo de usar 🐶

**Botão de Cães Surpresa:** Ao clicar, uma imagem aleatória de um cão é exibida. 


**Botão de Gatos Surpresa:** Ao clicar, uma imagem aleatória de um gato é exibida. 


**Botão Mágico:** Escolhe aleatoriamente entre uma imagem de cão ou gato e exibe na tela. 


**Mensagens de Erro:** Utiliza SweetAlert2 para exibir mensagens de erro quando a API falha. 


# Hard-skills utilizadas: 👨‍🔧

**HTML5:** Estrutura da página. 


**CSS3:** Estilização da página. 


**JavaScript:** Lógica da aplicação. 


**Bootstrap:** Estilização e layout responsivo. 
 

**SweetAlert2:** Exibição de alertas bonitos e customizáveis. 


**APIs Públicas:** https://dog.ceo/api/breeds/image/random e https://api.thecatapi.com/v1/images/search.