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.