WiseGoat by Lorena

Site gerador de conselhos e imagens de bodes :)

Desafio · DevChallenge

Índice

• Devchallenge
• Desafio
• Techs
• Como começar
• Dicas
  • Cores
  • Modelo
  • Imagens
  • Tipo de fonte
• Compartilhe

Devchallenge

DevChallenge permite que você evolua suas skills como programador! Participe da nossa comunidade o/

Desafio

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"

Requisitos:

• 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">

Desafio extra:

• Você pode aplicar uma animação no bode da página inicial, para dar o efeito que ele está flutuando

Techs:

• HTML
• CSS
• Livre escolha :)

Como começar:

1 - Use esse template (clicando em Use this template) ou faça um fork deste repositório com o código inicial
2 - Leia as instruções no readme.md
3 - Comece a codar! Sinta-se livre para utilizar o fluxo de trabalho que ache mais confortável
4 - Compartilhe seu resultado com a comunidade! #devchallenge

Dicas

Cores:

Roxo: #72005F
Bege: #BAA193

Modelo:

O modelo final desktop está disponível na pasta ./design

Tipo de fonte:

• Roboto

Compartilhe!

Inicie seu projeto utilizando esse template no seu github como um repositório público
Faça um print, gif ou vídeo e compartilhe o resultado com a #devchallenge!

Desafio criado por Lorena :)

Comunidade DevChallenge

Site: https://www.devchallenge.com.br/