2021-06-15 00:49:18 -07:00
---
id: 5a5d02bd919fcf9ca8cf46cb
2021-08-02 23:05:44 +09:00
title: Criar um app de luzes brilhantes
2021-06-15 00:49:18 -07:00
challengeType: 3
forumTopicId: 302350
dashedName: build-a-light-bright-app
---
# --description--
2021-08-02 23:05:44 +09:00
**Objetivo:** criar uma aplicação no [CodePen.io ](https://codepen.io ) que tenha função semelhante a esta: < https: // codepen . io / freeCodeCamp / full / eyLYXE > .
2021-06-15 00:49:18 -07:00
2021-08-02 23:05:44 +09:00
**Regra nº 1:** não olhe o código do projeto de exemplo. Descubra por conta própria.
2021-06-15 00:49:18 -07:00
2021-12-22 19:36:34 +05:30
**Regra nº 2:** atenda às [histórias de usuário ](https://pt.wikipedia.org/wiki/Hist%C3%B3ria_de_usu%C3%A1rio ) abaixo. Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
2021-06-15 00:49:18 -07:00
2021-12-22 19:36:34 +05:30
**História de usuário:** posso clicar ou arrastar o cursor do mouse para colorir os círculos.
2021-06-15 00:49:18 -07:00
2021-12-22 19:36:34 +05:30
**História de usuário:** posso clicar duas vezes em um círculo colorido para remover a cor.
2021-06-15 00:49:18 -07:00
2021-12-22 19:36:34 +05:30
**História de usuário:** posso clicar em um círculo colorido para mudar a cor dele.
2021-06-15 00:49:18 -07:00
2021-12-22 19:36:34 +05:30
**História de usuário:** eu devo pegar um círculo de cor diferente em cada clique.
2021-06-15 00:49:18 -07:00
2021-12-22 19:36:34 +05:30
**História de usuário:** posso clicar no botão 'Reset' para remover a cor recente.
2021-06-15 00:49:18 -07:00
2021-12-22 19:36:34 +05:30
**História de usuário:** posso clicar no botão 'Reset All' para remover todas as cores dos círculos.
2021-06-15 00:49:18 -07:00
2021-08-02 23:05:44 +09:00
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
2021-06-15 00:49:18 -07:00
2021-08-02 23:05:44 +09:00
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp ](https://forum.freecodecamp.org/c/project-feedback/409 ).
2021-06-15 00:49:18 -07:00
# --solutions--
```js
// solution required
```