2021-06-15 00:49:18 -07:00
---
id: 5a5d02bd919fcf9ca8cf46cb
2021-08-09 17:35:35 +09:00
title: Costruisci un'app luminosa
2021-06-15 00:49:18 -07:00
challengeType: 3
forumTopicId: 302350
dashedName: build-a-light-bright-app
---
# --description--
2021-08-09 17:35:35 +09:00
**Obiettivo:** Costruisci un'app [CodePen.io ](https://codepen.io ) funzionalmente simile a questa: < https: // codepen . io / freeCodeCamp / full / eyLYXE > .
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**Regola #1: ** Non guardare il codice del progetto esempio. Arrivaci per conto tuo.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**Regola #2: ** Soddisfa le seguenti [user story ](https://en.wikipedia.org/wiki/User_story ). Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**User Story:** Posso cliccare o trascinare il cursore del mouse per colorare i cerchi.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**User Story:** Posso fare doppio click su un cerchio colorato per rimuovere il colore.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**User Story:** Posso cliccare su un cerchio colorato per cambiarne il colore.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**User Story:** Dovrei ottenere un cerchio di colore diverso ad ogni clic.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**User Story:** Posso usare il pulsante "Reset" per rimuovere il colore recente.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
**User Story:** Posso usare il bottone "Reset All" per rimuovere tutti i colori dai cerchi.
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
Quando hai finito, includi un link al tuo progetto su CodePen e clicca sul pulsante "Ho completato questa sfida".
2021-06-15 00:49:18 -07:00
2021-08-09 17:35:35 +09:00
Puoi ottenere un feedback sul tuo progetto condividendolo sul [forum di freeCodeCamp ](https://forum.freecodecamp.org/c/project-feedback/409 ).
2021-06-15 00:49:18 -07:00
# --solutions--
```js
// solution required
```