WiseGoat by Lorena
Site gerador de conselhos e imagens de bodes :)
Desafio
·
DevChallenge
DevChallenge permite que você evolua suas skills como programador! Participe da nossa comunidade o/
Seu desafio é consumir os dados de duas API's e criar um site gerador de conselhos e de imagens de bodes! O modelo final está disponível na pasta "design"
- Sua página inicial deverá conter um botão "Pedir conselho", que irá redirecionar para a segunda página.
- A segunda página deverá contar uma frase e uma imagem de um bode
- A frase poderá ser gerada com a API Advice Slip. Para utilizá-la faça uma requisição GET para a URL "https://api.adviceslip.com/advice"
- A imagem de bode poderá ser gerada utilizando a API PlaceGoat. Para utilizá-la, basta adicionar o link "http://placegoat.com/width/height" na src da sua imagem. No lugar de width informe a largura desejada e no lugar de height informe a altura desejada.
Exemplo:<img src="http://placegoat.com/200/200" alt="Bodezinho">
- Você pode aplicar uma animação no bode da página inicial, para dar o efeito que ele está flutuando
- HTML
- CSS
- JavaScript
Site: https://www.devchallenge.com.br/
Desafio criado por Lorena :)