freeCodeCamp/curriculum/challenges/espanol/10-coding-interview-prep/take-home-projects/build-a-light-bright-app.md

---
id: 5a5d02bd919fcf9ca8cf46cb
title: Construye una aplicación Light-Bright
challengeType: 3
forumTopicId: 302350
dashedName: build-a-light-bright-app
---

# --description--

**Objetivo:** Construye una aplicación en [CodePen.io](https://codepen.io) que funcionalmente sea similar a esta: <https://codepen.io/freeCodeCamp/full/eyLYXE>.

**Regla #1:** No mires el código del proyecto de ejemplo. Encuentra tu propia solución.

**Regla #2:** Completa las siguientes [historias de usuario](https://es.wikipedia.org/wiki/Historias_de_usuario) y consigue que todas las pruebas sean aprobadas. Utilice las librerías o APIs que necesites. Dale tu propio estilo personal.

**Historia del usuario:** Puedo hacer clic o arrastrar el cursor del ratón para colorear los círculos.

**Historia del usuario:** Puedo hacer doble clic en un círculo de color para eliminar el color.

**Historia del usuario:** Puedo hacer doble clic en un círculo de color para eliminar el color.

**Historia del usuario:** Debería obtener un círculo de diferente color en cada clic.

**Historia del usuario:** Puedo hacer clic en el botón 'Reiniciar' para eliminar el color reciente.

**Historia del usuario:** Puedo hacer clic en el botón 'Restablecer todo' para eliminar todos los colores de los círculos.

Cuando hayas terminado, incluye un enlace a tu proyecto en CodePen y haz clic en el botón "He completado este desafío".

Puedes obtener comentarios sobre tu proyecto compartiéndolo en el [foro de freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).

# --solutions--

```js
// solution required
```