chore(i18n,curriculum): update translations (#43089)

This commit is contained in:
camperbot
2021-08-02 23:05:44 +09:00
committed by GitHub
parent 3350cb4522
commit 6b82f3831c
123 changed files with 1300 additions and 1301 deletions

View File

@ -1,6 +1,6 @@
---
id: bd7156d8c242eddfaeb5bd13
title: Construa uma página inicial do fórum do freeCodeCamp
title: Criar uma página inicial do fórum do freeCodeCamp
challengeType: 3
forumTopicId: 302349
dashedName: build-a-freecodecamp-forum-homepage

View File

@ -1,6 +1,6 @@
---
id: 5a5d02bd919fcf9ca8cf46cb
title: Build a Light-Bright App
title: Criar um app de luzes brilhantes
challengeType: 3
forumTopicId: 302350
dashedName: build-a-light-bright-app
@ -8,27 +8,27 @@ dashedName: build-a-light-bright-app
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/eyLYXE>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/eyLYXE>.
**Rule #1:** Don't look at the example project's code. Figure it out for yourself.
**Regra nº 1:** não olhe o código do projeto de exemplo. Descubra por conta própria.
**Rule #2:** Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
**Regra nº 2:** atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can click or drag the mouse cursor to color the circles.
**Especificação de usuário:** posso clicar ou arrastar o cursor do mouse para colorir os círculos.
**User Story:** I can double-click on a colored circle to remove the color.
**Especificação de usuário:** posso clicar duas vezes em um círculo colorido para remover a cor.
**User Story:** I can click on a colored circle to change its color.
**Especificação de usuário:** posso clicar em um círculo colorido para mudar a cor dele.
**User Story:** I should get a circle of different color on each click.
**Especificação de usuário:** eu devo pegar um círculo de cor diferente em cada clique.
**User Story:** I can click on the 'Reset' button to remove the recent color.
**Especificação de usuário:** posso clicar no botão 'Reset' para remover a cor recente.
**User Story:** I can click on the 'Reset All' button to remove all the colors from the circles.
**Especificação de usuário:** posso clicar no botão 'Reset All' para remover todas as cores dos círculos.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c443eddfaeb5bdff
title: Build a Nightlife Coordination App
title: Criar um aplicativo de coordenação da vida noturna
challengeType: 4
forumTopicId: 302351
dashedName: build-a-nightlife-coordination-app
@ -8,21 +8,21 @@ dashedName: build-a-nightlife-coordination-app
# --description--
Build a full stack JavaScript app that is functionally similar to this: <https://yoyo44.herokuapp.com/>. Use a site builder of your choice to complete the project.
Crie um aplicativo full stack em JavaScript que seja funcionalmente semelhante a este: <https://yoyo44.herokuapp.com/>. Use um construtor de site de sua escolha para completar o projeto.
Here are the specific user stories you should implement for this project:
Aqui estão as especificações de usuário que você deve implementar para este projeto:
**User Story:** As an unauthenticated user, you can view all bars in my area.
**Especificação de usuário:** como usuário não autenticado, você pode visualizar todas as barras da minha área.
**User Story:** As an authenticated user, you can add myself to a bar to indicate you am going there tonight.
**Especificação de usuário:** como usuário autenticado, você pode me adicionar a um bar para indicar que eu estarei lá esta noite.
**User Story:** As an authenticated user, you can remove myself from a bar if you no longer want to go there.
**Especificação de usuário:** como usuário autenticado, você pode me remover de um bar para indicar que eu não quero mais ir lá.
**User Story:** As an unauthenticated user, when you login you should not have to search again.
**Especificação de usuário:** como um usuário não autenticado, quando você faz o login, você não deve ter que pesquisar novamente.
**Hint:** Try using the [Yelp API](https://www.yelp.com/developers/documentation/v3) to find venues in the cities your users search for. If you use Yelp's API, be sure to mention so in your app.
**Dica:** tente usar a [API da Yelp](https://www.yelp.com/developers/documentation/v3) para encontrar estabelecimentos que os usuários pesquisam nas cidades. Se você usar a API da Yelp, certifique-se de mencionar isso na aplicação.
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
Quando terminar, certifique-se de que uma demonstração funcional do seu projeto está hospedada em algum lugar público. Em seguida, envie o URL para ela no campo `Solution Link`. Como opção, envie também um link para o código-fonte do projeto no campo `GitHub Link`.
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c443eddfaeb5bdee
title: Build a Pinterest Clone
title: Criar um clone do Pinterest
challengeType: 4
forumTopicId: 302352
dashedName: build-a-pinterest-clone
@ -8,27 +8,27 @@ dashedName: build-a-pinterest-clone
# --description--
**Objective:** Build a [Replit](https://replit.com/) app that is functionally similar to this: <https://build-a-pinterest-clone.freecodecamp.rocks/>.
**Objetivo:** criar uma aplicação no [Replit](https://replit.com/) que tenha função semelhante a esta: <https://build-a-pinterest-clone.freecodecamp.rocks/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** As an unauthenticated user, I can login with GitHub.
**Especificação de usuário:** como usuário autenticado, posso fazer login com o GitHub.
**User Story:** As an authenticated user, I can link to images.
**Especificação de usuário:** como usuário autenticado, eu posso vincular imagens.
**User Story:** As an authenticated user, I can delete images that I've linked to.
**Especificação de usuário:** como usuário autenticado, eu posso excluir imagens que eu vinculei.
**User Story:** As an authenticated user, I can see a Pinterest-style wall of all the images I've linked to.
**Especificação de usuário:** como usuário autenticado, eu posso ver um mural ao estilo do Pinterest com todas as imagens que eu vinculei.
**User Story:** As an unauthenticated user, I can browse other users' walls of images.
**Especificação de usuário:** como usuário não autenticado, eu posso pesquisar os murais de imagens dos outros usuários.
**User Story:** As an authenticated user, if I upload an image that is broken, it will be replaced by a placeholder image. (can use jQuery broken image detection)
**Especificação de usuário:** como um usuário não autenticado, se eu enviar uma imagem com o vínculo não funcional, ela será substituída por uma imagem temporária. (é possível usar o jQuery para detectar imagens sem o link funcional)
**Hint:** [Masonry.js](https://masonry.desandro.com/) is a library that allows for Pinterest-style image grids.
**Dica:** o [Masonry.js](https://masonry.desandro.com/) é uma biblioteca que permite grades de imagens no estilo Pinterest.
Once you've finished implementing these user stories, enter the URL to your live app and, optionally, your GitHub repository. Then click the "I've completed this challenge" button.
Depois de terminar de implementar essas especificações de usuários, digite o URL para sua aplicação ao vivo e, como opção, seu repositório do GitHub. Então, clique no botão "Eu completei este desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: 5a4b7fcdb66f799f199e11db
title: Build a Pong Game
title: Criar um jogo Pong
challengeType: 3
forumTopicId: 302353
dashedName: build-a-pong-game
@ -8,23 +8,23 @@ dashedName: build-a-pong-game
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/satyamdev/full/pdMmBp>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/satyamdev/full/pdMmBp>.
**Rule #1:** Don't look at the example project's code. Figure it out for yourself.
**Regra nº 1:** não olhe o código do projeto de exemplo. Descubra por conta própria.
**Rule #2:** Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
**Regra nº 2:** atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can control a paddle.
**Especificação de usuário:** posso controlar uma raquete.
**User Story:** The computer can control the other paddle.
**Especificação de usuário:** o computador pode controlar a outra raquete.
**User Story:** The computer's paddle is unbeatable. It should never miss the ball.
**Especificação de usuário:** a raquete do computador é invencível. Ela nunca deve perder a bola.
**User Story:** The game keeps track of the player and computer's score.
**Especificação de usuário:** o jogo mantém o registro dos resultados do jogador e do computador.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7155d8c242eddfaeb5bd13
title: Build a Recipe Box
title: Criar uma caixa de receitas
challengeType: 3
forumTopicId: 302354
dashedName: build-a-recipe-box
@ -8,27 +8,27 @@ dashedName: build-a-recipe-box
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/dNVazZ/>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/dNVazZ/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can create recipes that have names and ingredients.
**Especificação de usuário:** eu posso criar receitas que têm nomes e ingredientes.
**User Story:** I can see an index view where the names of all the recipes are visible.
**Especificação de usuário:** posso ver uma exibição indexada onde os nomes de todas as receitas são visíveis.
**User Story:** I can click into any of those recipes to view it.
**Especificação de usuário:** posso clicar em qualquer uma dessas receitas para visualizá-la.
**User Story:** I can edit these recipes.
**Especificação de usuário:** posso editar essas receitas.
**User Story:** I can delete these recipes.
**Especificação de usuário:** posso excluir essas receitas.
**User Story:** All new recipes I add are saved in my browser's local storage. If I refresh the page, these recipes will still be there.
**Especificação de usuário:** todas as novas receitas que eu adiciono são salvas no armazenamento local do meu navegador. Se eu atualizar a página, as receitas ainda estarão lá.
**Hint:** You should prefix your local storage keys on CodePen, i.e. `_username_recipes`
**Dica:** você deve prefixar suas chaves de armazenamento local no CodePen, ou seja, `_username_recipes`
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7153d8c242eddfaeb5bd13
title: Build a Roguelike Dungeon Crawler Game
title: Criar um jogo de RPG do tipo Dungeon Crawler
challengeType: 3
forumTopicId: 302355
dashedName: build-a-roguelike-dungeon-crawler-game
@ -8,31 +8,31 @@ dashedName: build-a-roguelike-dungeon-crawler-game
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/apLXEJ/>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/apLXEJ/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I have health, a level, and a weapon. I can pick up a better weapon. I can pick up health items.
**Especificação de usuário:** eu tenho saúde, um nível e uma arma. Eu posso pegar uma arma melhor. Eu posso pegar itens de saúde.
**User Story:** All the items and enemies on the map are arranged at random.
**Especificação de usuário:** todos os itens e inimigos do mapa são organizados aleatoriamente.
**User Story:** I can move throughout a map, discovering items.
**Especificação de usuário:** eu posso me mover através de um mapa, descobrindo itens.
**User Story:** I can move anywhere within the map's boundaries, but I can't move through an enemy until I've beaten it.
**Especificação de usuário:** eu posso me mover para qualquer lugar dentro dos limites do mapa, mas não posso me mover através de um inimigo até ter vencido.
**User Story:** Much of the map is hidden. When I take a step, all spaces that are within a certain number of spaces from me are revealed.
**Especificação de usuário:** grande parte do mapa está oculta. Quando eu dou um passo, todos os espaços que estão dentro de uma certa distância ao meu redor meus são revelados.
**User Story:** When I beat an enemy, the enemy goes away and I get XP, which eventually increases my level.
**Especificação de usuário:** quando eu derroto um inimigo, o inimigo vai embora e eu ganho XP, o que eventualmente aumenta meu nível.
**User Story:** When I fight an enemy, we take turns damaging each other until one of us loses. I do damage based off of my level and my weapon. The enemy does damage based off of its level. Damage is somewhat random within a range.
**Especificação de usuário:** quando eu enfrento um inimigo, nós ferimos um ao outro em turnos até que um de nós perca. Eu causo dano baseado no meu nível e na minha arma. O inimigo causa dano baseado em seu nível. O dano é, de certo modo, aleatório dentro de um intervalo.
**User Story:** When I find and beat the boss, I win.
**Especificação de usuário:** quando eu encontrar e derrotar o chefe, eu ganho o jogo.
**User Story:** The game should be challenging, but theoretically winnable.
**Especificação de usuário:** o jogo deve ser desafiador, mas teoricamente ganhável.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c442eddfaeb5bd1c
title: Build a Simon Game
title: Criar um Genius
challengeType: 3
forumTopicId: 302357
dashedName: build-a-simon-game
@ -8,31 +8,31 @@ dashedName: build-a-simon-game
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: [https://codepen.io/freeCodeCamp/full/obYBjE](https://codepen.io/freeCodeCamp/full/obYBjE).
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: [https://codepen.io/freeCodeCamp/full/obYBjE](https://codepen.io/freeCodeCamp/full/obYBjE).
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I am presented with a random series of button presses.
**Especificação de usuário:** sou confrontado com uma série aleatória de pressionamentos de botões.
**User Story:** Each time I input a series of button presses correctly, I see the same series of button presses but with an additional step.
**Especificação de usuário:** cada vez que eu inserir uma série de pressionamentos de botões corretamente, vejo a mesma série de pressionamentos de botões, mas com um passo adicional.
**User Story:** I hear a sound that corresponds to each button both when the series of button presses plays, and when I personally press a button.
**Especificação de usuário:** eu ouço um som que corresponde a cada botão quando a série de pressionamento de botões é reproduzida e quando eu pessoalmente aperto um botão.
**User Story:** If I press the wrong button, I am notified that I have done so, and that series of button presses starts again to remind me of the pattern so I can try again.
**Especificação de usuário:** se eu pressionar um botão errado, eu sou notificado de que fiz isso. Essa série de pressionamentos de botões começa novamente para me lembrar do padrão para que eu possa tentar novamente.
**User Story:** I can see how many steps are in the current series of button presses.
**Especificação de usuário:** eu posso ver quantos passos há na série atual de pressionamentos de botões.
**User Story:** If I want to restart, I can hit a button to do so, and the game will return to a single step.
**Especificação de usuário:** se eu quiser reiniciar, posso apertar um botão para fazer isso. O jogo voltará a uma única etapa.
**User Story:** I can play in strict mode where if I get a button press wrong, it notifies me that I have done so, and the game restarts at a new random series of button presses.
**Especificação de usuário:** posso jogar em modo restrito, onde, se eu apertar um botão errado, o jogo me notifica que eu fiz isso e o jogo reinicia com uma nova série aleatória de pressionamento de botões.
**User Story:** I can win the game by getting a series of 20 steps correct. I am notified of my victory, then the game starts over.
**Especificação de usuário:** posso vencer o jogo obtendo uma série de 20 etapas corretas. Eu fui notificado da minha vitória e, então, o jogo recomeça.
**Hint:** Here are mp3s you can use for each button: `https://s3.amazonaws.com/freecodecamp/simonSound1.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound2.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound3.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound4.mp3`.
**Dica:** aqui estão os mp3s que você pode usar para cada botão: `https://s3.amazonaws.com/freecodecamp/simonSound1.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound2.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound3.mp3`, `https://s3.amazonaws.com/freecodecamp/simonSound4.mp3`.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c442eedfaeb5bd1c
title: Crie um jogo da velha
title: Criar um jogo da velha
challengeType: 3
forumTopicId: 302358
dashedName: build-a-tic-tac-toe-game

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c443eddfaeb5bdef
title: Build a Voting App
title: Criar um aplicativo de votação
challengeType: 4
forumTopicId: 302359
dashedName: build-a-voting-app
@ -8,27 +8,27 @@ dashedName: build-a-voting-app
# --description--
Build a full stack JavaScript app that is functionally similar to this: <https://voting-app.freecodecamp.rocks/>. Use a site builder of your choice to complete the project.
Crie um aplicativo full stack em JavaScript que seja funcionalmente semelhante a este: <https://voting-app.freecodecamp.rocks/>. Use um construtor de site de sua escolha para completar o projeto.
Here are the specific user stories you should implement for this project:
Aqui estão as especificações de usuário que você deve implementar para este projeto:
**User Story:** As an authenticated user, you can keep my polls and come back later to access them.
**Especificação de usuário:** como usuário autenticado, você pode manter minhas enquetes e voltar mais tarde para acessá-las.
**User Story:** As an authenticated user, you can share my polls with my friends.
**Especificação de usuário:** como usuário autenticado, você pode compartilhar minhas enquetes com meus amigos.
**User Story:** As an authenticated user, you can see the aggregate results of my polls.
**Especificação de usuário:** como usuário autenticado, você pode ver os resultados agregados das minhas enquetes.
**User Story:** As an authenticated user, you can delete polls that I decide I don't want anymore.
**Especificação de usuário:** como usuário autenticado, você pode excluir enquetes que eu decidir que não quero mais.
**User Story:** As an authenticated user, you can create a poll with any number of possible items.
**Especificação de usuário:** como usuário autenticado, você pode criar uma enquete com uma quantidade qualquer de itens.
**User Story:** As an unauthenticated or authenticated user, you can see and vote on everyone's polls.
**Especificação de usuário:** como um usuário não autenticado ou autenticado, você pode ver e votar nas enquetes de todos.
**User Story:** As an unauthenticated or authenticated user, you can see the results of polls in chart form. (This could be implemented using Chart.js or Google Charts.)
**Especificação de usuário:** como um usuário não autenticado ou autenticado, você pode ver os resultados das enquetes em forma de gráfico. (Isso pode ser implementado usando o Chart.js ou o Google Charts.)
**User Story:** As an authenticated user, if you don't like the options on a poll, you can create a new option.
**Especificação de usuário:** Como um usuário autenticado, se você não gostar das opções em uma enquete, você pode criar uma nova opção.
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
Quando terminar, certifique-se de que uma demonstração funcional do seu projeto está hospedada em algum lugar público. Em seguida, envie o URL para ela no campo `Solution Link`. Como opção, envie também um link para o código-fonte do projeto no campo `GitHub Link`.
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c442eddfaeb5bd19
title: Build a Wikipedia Viewer
title: Criar um visualizador da Wikipédia
challengeType: 3
forumTopicId: 302360
dashedName: build-a-wikipedia-viewer
@ -8,23 +8,23 @@ dashedName: build-a-wikipedia-viewer
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/wGqEga/>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/wGqEga/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can search Wikipedia entries in a search box and see the resulting Wikipedia entries.
**Especificação de usuário:** eu posso pesquisar postagens na Wikipédia e ver as entradas da Wikipédia resultantes.
**User Story:** I can click a button to see a random Wikipedia entry.
**Especificação de usuário:** posso clicar em um botão para ver uma entrada aleatória da Wikipédia.
Hint #1: Here's a URL you can use to get a random Wikipedia article: `https://en.wikipedia.org/wiki/Special:Random`.
Dica nº 1: aqui está um URL que você pode usar para obter um artigo aleatório da Wikipédia: `https://en.wikipedia.org/wiki/Special:Random`.
Hint #2: Here's an entry on using Wikipedia's API: `https://www.mediawiki.org/wiki/API:Main_page`.
Dica nº 2: aqui está uma entrada sobre usar a API da Wikipedia: `https://www.mediawiki.org/wiki/API:Main_page`.
Hint #3: Use this [link](https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm) to experiment with Wikipedia's API.
Dica nº 3: use este [link](https://en.wikipedia.org/wiki/Special:ApiSandbox#action=query&titles=Main%20Page&prop=revisions&rvprop=content&format=jsonfm) para experimentar com a API da Wikipédia.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c443edefaeb5bdee
title: Build an Image Search Abstraction Layer
title: Criar uma camada de abstração de pesquisa de imagens
challengeType: 4
forumTopicId: 302361
dashedName: build-an-image-search-abstraction-layer
@ -8,17 +8,17 @@ dashedName: build-an-image-search-abstraction-layer
# --description--
Build a full stack JavaScript app that allows you to search for images like this: <https://image-search-abstraction-layer.freecodecamp.rocks/query/lolcats%20funny?page=10> and browse recent search queries like this: <https://image-search-abstraction-layer.freecodecamp.rocks/recent/>. Use a site builder of your choice to complete the project.
Crie uma aplicação full stack em JavaScript que permita a você pesquisar por imagens como essa: <https://image-search-abstraction-layer.freecodecamp.rocks/query/lolcats%20funny?page=10> e pesquisar consultas de pesquisa recentes como essa: <https://image-search-abstraction-layer.freecodecamp.rocks/recent/>. Use um construtor de site de sua escolha para completar o projeto.
Here are the specific user stories you should implement for this project:
Aqui estão as especificações de usuário que você deve implementar para este projeto:
**User Story:** You can get the image URLs, description and page URLs for a set of images relating to a given search string.
**Especificação de usuário:** você pode obter os URLs de imagem, descrição e URLs de página para um conjunto de imagens relacionadas a uma determinada string de pesquisa.
**User Story:** You can paginate through the responses by adding a `?page=2` parameter to the URL.
**Especificação de usuário:** você pode paginar pelas respostas, adicionando um parâmetro `?page=2` ao URL.
**User Story:** You can get a list of the most recently submitted search strings.
**Especificação de usuário:** você pode obter uma lista das strings de pesquisa enviadas mais recentemente.
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
Quando terminar, certifique-se de que uma demonstração funcional do seu projeto está hospedada em algum lugar público. Em seguida, envie o URL para ela no campo `Solution Link`. Como opção, envie também um link para o código-fonte do projeto no campo `GitHub Link`.
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7154d8c242eddfaeb5bd13
title: Build the Game of Life
title: Criar o Jogo da Vida
challengeType: 3
forumTopicId: 302362
dashedName: build-the-game-of-life
@ -8,29 +8,29 @@ dashedName: build-the-game-of-life
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/BpwMZv/>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/BpwMZv/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** When I first arrive at the game, it will randomly generate a board and start playing.
**Especificação de usuário:** assim que eu chegar ao jogo, ele vai gerar aleatoriamente um tabuleiro e começar a jogar.
**User Story:** I can start and stop the board.
**Especificação de usuário:** posso iniciar e parar o tabuleiro.
**User Story:** I can set up the board.
**Especificação de usuário:** posso configurar o tabuleiro.
**User Story:** I can clear the board.
**Especificação de usuário:** posso limpar o tabuleiro.
**User Story:** When I press start, the game will play out.
**Especificação de usuário:** quando eu pressionar iniciar, o jogo vai começar.
**User Story:** Each time the board changes, I can see how many generations have gone by.
**Especificação de usuário:** cada vez que o tabuleiro muda, posso ver quantas gerações já passaram.
**Hint:** Here's an explanation of Conway's Game of Life from John Conway himself: <https://www.youtube.com/watch?v=E8kUJL04ELA>
**Dica:** aqui está uma explicação do Jogo da Vida da Conway escrito pelo próprio John Conway: <https://www.youtube.com/watch?v=E8kUJL04ELA>
**Hint:** Here's an overview of Conway's Game of Life with rules for your reference: [https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life)
**Dica:** aqui está uma visão geral do Jogo da Vida da Conway, com as regras para sua referência: [https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life](https://en.wikipedia.org/wiki/Conway%27s_Game_of_Life)
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c443eddfaeb5bd0e
title: Chart the Stock Market
title: Fazer um gráfico do mercado de ações
challengeType: 4
forumTopicId: 302363
dashedName: chart-the-stock-market
@ -8,19 +8,19 @@ dashedName: chart-the-stock-market
# --description--
Build a full stack JavaScript app that is functionally similar to this: <https://chart-the-stock-market.freecodecamp.rocks/>. Use a site builder of your choice to complete the project.
Crie um aplicativo full stack em JavaScript que seja funcionalmente semelhante a este: <https://chart-the-stock-market.freecodecamp.rocks/>. Use um construtor de site de sua escolha para completar o projeto.
Here are the specific user stories you should implement for this project:
Aqui estão as especificações de usuário que você deve implementar para este projeto:
**User Story:** You can view a graph displaying the recent trend lines for each added stock.
**Especificação de usuário:** você pode ver um gráfico exibindo as linhas de tendência recentes para cada ação adicionada.
**User Story:** You can add new stocks by their symbol name.
**Especificação de usuário:** você pode adicionar novas ações pelos códigos de negociação.
**User Story:** You can remove stocks.
**Especificação de usuário:** você pode remover ações.
**User Story:** You can see changes in real-time when any other user adds or removes a stock. For this you will need to use Web Sockets.
**Especificação de usuário:** você pode ver alterações em tempo real quando qualquer outro usuário adicionar ou remover uma ação. Para isso, você precisará usar Web Sockets.
When you are done, make sure a working demo of your project is hosted somewhere public. Then submit the URL to it in the `Solution Link` field. Optionally, also submit a link to your project's source code in the `GitHub Link` field.
Quando terminar, certifique-se de que uma demonstração funcional do seu projeto está hospedada em algum lugar público. Em seguida, envie o URL para ela no campo `Solution Link`. Como opção, envie também um link para o código-fonte do projeto no campo `GitHub Link`.
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c443eddfaeb5bd0f
title: Manage a Book Trading Club
title: Gerenciar um clube de negociações de livros
challengeType: 4
forumTopicId: 302364
dashedName: manage-a-book-trading-club
@ -8,21 +8,21 @@ dashedName: manage-a-book-trading-club
# --description--
**Objective:** Build a [Replit](https://replit.com/) app that is functionally similar to this: <https://manage-a-book-trading-club.freecodecamp.rocks/>.
**Objetivo:** criar uma aplicação no [Replit](https://replit.com/) que tenha função semelhante a esta: <https://manage-a-book-trading-club.freecodecamp.rocks/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can view all books posted by every user.
**Especificação de usuário:** eu posso ver todos os livros publicados por todos os usuários.
**User Story:** I can add a new book.
**Especificação de usuário:** posso adicionar um novo livro.
**User Story:** I can update my settings to store my full name, city, and state.
**Especificação de usuário:** posso atualizar minhas configurações para armazenar meu nome completo, cidade e estado.
**User Story:** I can propose a trade and wait for the other user to accept the trade.
**Especificação de usuário:** posso propor uma troca e esperar que o outro usuário aceite a troca.
Once you've finished implementing these user stories, enter the URL to your live app and, optionally, your GitHub repository. Then click the "I've completed this challenge" button.
Depois de terminar de implementar essas especificações de usuários, digite o URL para sua aplicação ao vivo e, como opção, seu repositório do GitHub. Então, clique no botão "Eu completei este desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7108d8c242eddfaeb5bd13
title: Map Data Across the Globe
title: Mapeamento de dados através do mundo
challengeType: 3
forumTopicId: 302365
dashedName: map-data-across-the-globe
@ -8,21 +8,21 @@ dashedName: map-data-across-the-globe
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/mVEJag>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/mVEJag>.
Fulfill the following [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às seguintes [especificações de usuário](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can see where all Meteorites landed on a world map.
**Especificação de usuário:** posso ver onde todos os meteoritos pousaram no mapa do mundo.
**User Story:** I can tell the relative size of the meteorite, just by looking at the way it's represented on the map.
**Especificação de usuário:** eu posso dizer o tamanho relativo do meteorito, apenas olhando para a forma como ele é representado no mapa.
**User Story:** I can mouse over the meteorite's data point for additional data.
**Especificação de usuário:** posso passar o mouse sobre os dados do meteorito para obter dados adicionais.
**Hint:** Here's a dataset you can use to build this: <https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json>
**Dica:** aqui está um conjunto de dados que você pode usar para criar essa aplicação: <https://raw.githubusercontent.com/freeCodeCamp/ProjectReferenceData/master/meteorite-strike-data.json>
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7150d8c442eddfafb5bd1c
title: P2P Video Chat Application
title: Aplicação de chat de vídeo P2P
challengeType: 4
forumTopicId: 302366
dashedName: p2p-video-chat-application
@ -8,31 +8,31 @@ dashedName: p2p-video-chat-application
# --description--
**Objective:** Build a [Replit](https://replit.com/) app that is functionally similar to this: <https://p2p-video-chat-application.freecodecamp.rocks/>.
**Objetivo:** criar uma aplicação no [Replit](https://replit.com/) que tenha função semelhante a esta: <https://p2p-video-chat-application.freecodecamp.rocks/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** Upon arriving, the browser will prompt me to access my camera and microphone.
**Especificação de usuário:** ao chegar, o navegador me pedirá para acessar minha câmera e microfone.
**User Story:** After I give it permission, I am prompted to type in a room name.
**Especificação de usuário:** depois que eu conceder permissão, sou solicitado a digitar um nome de sala.
**User Story:** Once I type in the room name, a room will be created if no room of that name existed before.
**Especificação de usuário:** quando eu digitar o nome da sala, ela será criada se não existir nenhuma sala com esse nome.
**User Story:** A friend of mine can subsequently go to the same website, type in the same room I entered, and join the same room, then enter into a video chat with me.
**Especificação de usuário:** um amigo meu pode posteriormente ir para o mesmo site, digitar a mesma sala em que eu entrei e entrar na mesma sala. Então, ele pode entrar em uma videoconferência comigo.
**User Story:** If I type in a room name, and there are already two people in that room, I get a notification that the room is full.
**Especificação de usuário:** se eu digitar um nome de sala e se já há duas pessoas nessa sala, recebo uma notificação de que a sala está cheia.
**User Story:** Anyone can create or join any room. And there can be any number of rooms, but all of them must have unique names.
**Especificação de usuário:** qualquer um pode criar ou entrar em qualquer sala. Pode haver várias salas, mas todas devem ter nomes únicos.
**User Story:** I can choose to not permit the site to access my microphone and webcam. If I choose not to do this, or if some other driver problem occurs, I see an error message saying these are required.
**Especificação de usuário:** posso optar por não permitir que o site acesse meu microfone e câmera. Se eu optar por não fazer isto, ou se ocorrer algum outro problema com o driver, vejo uma mensagem de erro dizendo que eles são necessários.
**User Story:** When I choose to cancel the room name input step, or if I type in no name, or just spaces, it should again ask me again to type in a valid room name.
**Especificação de usuário:** quando eu escolher cancelar a etapa de entrada do nome da sala, se eu não digitar um nome ou digitar apenas espaços, a aplicação deve me pedir novamente para digitar um nome de sala válido.
**User Story:** If one of the two people in the room get disconnected, they can reconnect to the same room and continue chatting.
**Especificação de usuário:** se uma das duas pessoas na sala desconectar, elas poderão se reconectar à mesma sala e continuar conversando.
Once you've finished implementing these user stories, enter the URL to your live app and, optionally, your GitHub repository. Then click the "I've completed this challenge" button.
Depois de terminar de implementar essas especificações de usuários, digite o URL para sua aplicação ao vivo e, como opção, seu repositório do GitHub. Então, clique no botão "Eu completei este desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7198d8c242eddfaeb5bd13
title: Show National Contiguity with a Force Directed Graph
title: Mostrar contiguidade nacional com um gráfico direcionado de força
challengeType: 3
forumTopicId: 302367
dashedName: show-national-contiguity-with-a-force-directed-graph
@ -8,21 +8,21 @@ dashedName: show-national-contiguity-with-a-force-directed-graph
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/xVopBo>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/xVopBo>.
Fulfill the following [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às seguintes [especificações de usuário](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can see a Force-directed Graph that shows which countries share borders.
**Especificação de usuário:** eu posso ver um gráfico orientado por força que mostra quais países compartilham fronteiras.
**User Story:** I can see each country's flag on its node.
**Especificação de usuário:** posso ver a bandeira de cada país em seu nó.
**Hint:** Here's a dataset you can use to build this: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>
**Dica:** aqui está um conjunto de dados que você pode usar para criar essa aplicação: <https://raw.githubusercontent.com/DealPete/forceDirected/master/countries.json>
**Hint:** You can create a spritesheet of national flags at <https://www.flag-sprites.com>.
**Dica:** você pode criar um spritesheet de bandeiras nacionais em <https://www.flag-sprites.com>.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c442eddfaeb5bd10
title: Show the Local Weather
title: Exibir o clima local
challengeType: 3
forumTopicId: 302368
dashedName: show-the-local-weather
@ -8,23 +8,23 @@ dashedName: show-the-local-weather
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/bELRjV>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/bELRjV>.
**Rule #1:** Don't look at the example project's code. Figure it out for yourself.
**Regra nº 1:** não olhe o código do projeto de exemplo. Descubra por conta própria.
**Rule #2:** Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
**Regra nº 2:** atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can see the weather in my current location.
**Especificação de usuário:** posso ver o clima na minha localização atual.
**User Story:** I can see a different icon or background image (e.g. snowy mountain, hot desert) depending on the weather.
**Especificação de usuário:** posso ver um ícone diferente ou uma imagem de fundo (por exemplo, montanha de neve, deserto quente) dependendo do tempo.
**User Story:** I can push a button to toggle between Fahrenheit and Celsius.
**Especificação de usuário:** posso apertar um botão para alternar entre Fahrenheit e Celsius.
**Note:** Many internet browsers now require an HTTP Secure (`https://`) connection to obtain a user's locale via HTML5 Geolocation. For this reason, we recommend using HTML5 Geolocation to get user location and then use the freeCodeCamp Weather API <https://weather-proxy.freecodecamp.rocks/> which uses an HTTP Secure connection for the weather. Also, be sure to connect to [CodePen.io](https://codepen.io) via `https://`.
**Observação:** muitos navegadores de internet agora requerem uma conexão HTTP segura (`https://`) para obter a localidade de um usuário através da geolocalização do HTML5. Por esta razão, recomendamos o uso da geolocalização do HTML5 para obter a localização do usuário e, em seguida, usar a API do clima do freeCodeCamp [https://weather-proxy. reecodecamp.rocks/](https://weather-proxy.freecodecamp.rocks/), que usa uma conexão HTTP segura para o clima. Além disso, certifique-se de se conectar ao [CodePen.io](https://codepen.io) via `https://`.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--

View File

@ -1,6 +1,6 @@
---
id: bd7158d8c442eddfaeb5bd1f
title: Use the Twitch JSON API
title: Usar a API de JSON do TwitchTV
challengeType: 3
forumTopicId: 19541
dashedName: use-the-twitch-json-api
@ -8,25 +8,25 @@ dashedName: use-the-twitch-json-api
# --description--
**Objective:** Build a [CodePen.io](https://codepen.io) app that is functionally similar to this: <https://codepen.io/freeCodeCamp/full/Myvqmo/>.
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/Myvqmo/>.
Fulfill the below [user stories](https://en.wikipedia.org/wiki/User_story). Use whichever libraries or APIs you need. Give it your own personal style.
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
**User Story:** I can see whether freeCodeCamp is currently streaming on Twitch.tv.
**Especificação de usuário:** posso ver se o freeCodeCamp está atualmente transmitindo no Twitch.tv.
**User Story:** I can click the status output and be sent directly to the freeCodeCamp's Twitch.tv channel.
**Especificação de usuário:** posso clicar na saída de status e ser enviado diretamente para o canal do Twitch.tv do freeCodeCamp.
**User Story:** if a Twitch user is currently streaming, I can see additional details about what they are streaming.
**Especificação de usuário:** se um usuário do Twitch estiver transmitindo atualmente, posso ver detalhes adicionais sobre o que ele está transmitindo.
**Hint:** The relevant documentation about Twitch.tv's JSON API is here: <https://dev.twitch.tv/docs/api/reference/#get-streams>.
**Dica:** a documentação relevante sobre a API de JSON do Twitch.tv está aqui: <https://dev.twitch.tv/docs/api/reference/#get-streams>.
**Hint:** Here's an array of the Twitch.tv usernames of people who regularly stream: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`
**Dica:** aqui está um array de nomes de usuários do Twitch.tv de pessoas que regularmente fazem streaming: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`
**UPDATE:** Due to a change in conditions on API usage, Twitch.tv requires an API key, but we've built a workaround. Use <https://twitch-proxy.freecodecamp.rocks/> instead of Twitch's API base URL (i.e. `https://api.twitch.tv/helix` ) and you'll still be able to get account information, without needing to sign up for an API key.
**ATUALIZAÇÃO:** devido a uma mudança nas condições de uso da API, o Twitch.tv agora requer uma chave de API, mas nós construímos uma solução alternativa. Use <https://twitch-proxy.freecodecamp.rocks/> ao invés do URL base da API do Twitch (ou seja, `https://api.twitch.tv/helix` ) e você ainda poderá obter informações da conta, sem a necessidade de se cadastrar para uma chave de API.
When you are finished, include a link to your project on CodePen and click the "I've completed this challenge" button.
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
You can get feedback on your project by sharing it on the [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
# --solutions--