38 lines
1.5 KiB
Markdown
38 lines
1.5 KiB
Markdown
---
|
|
id: 5a5d02bd919fcf9ca8cf46cb
|
|
title: Criar um app de luzes brilhantes
|
|
challengeType: 3
|
|
forumTopicId: 302350
|
|
dashedName: build-a-light-bright-app
|
|
---
|
|
|
|
# --description--
|
|
|
|
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/eyLYXE>.
|
|
|
|
**Regra nº 1:** não olhe o código do projeto de exemplo. Descubra por conta própria.
|
|
|
|
**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.
|
|
|
|
**Especificação de usuário:** posso clicar ou arrastar o cursor do mouse para colorir os círculos.
|
|
|
|
**Especificação de usuário:** posso clicar duas vezes em um círculo colorido para remover a cor.
|
|
|
|
**Especificação de usuário:** posso clicar em um círculo colorido para mudar a cor dele.
|
|
|
|
**Especificação de usuário:** eu devo pegar um círculo de cor diferente em cada clique.
|
|
|
|
**Especificação de usuário:** posso clicar no botão 'Reset' para remover a cor recente.
|
|
|
|
**Especificação de usuário:** posso clicar no botão 'Reset All' para remover todas as cores dos círculos.
|
|
|
|
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
|
|
|
|
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|