Skip to content

Isaac-alencar/wisegoat-challenge

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🐐 Wise goat | Challenge

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! 🐐.

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

Tenologias:

  • HTML
  • CSS (grid, flex e animações)
  • Webpack
  • Babeljs

✋ Antes de começar

Confira se você possui as seguintes ferramentas no seu computador

🤓 Como começar:

Clone o repositório

  git clone https://github.com/Isaac-alencar/wisegoat-challenge.git path/to/your/folder_project

...Depois

  cd path/to/your/folder_project

Se você escolheu usar Yarn basta seguir o comando abaixo, se você prefere usar o npm
basta remover o arquivo yarn.lock e depois usar o comando npm install

  yarn install

Por fim é so rodar no terminal yarn start.

Participe da nossa comunidade o/

Releases

No releases published

Packages

No packages published