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! 🐐.
- 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">
- HTML
- CSS (grid, flex e animações)
- Webpack
- Babeljs
Confira se você possui as seguintes ferramentas no seu computador
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
.