---
id: 5a5d02bd919fcf9ca8cf46cb
title: Створіть застосунок «Light-Bright»
challengeType: 3
forumTopicId: 302350
dashedName: build-a-light-bright-app
---

# --description--

**Мета:** створити застосунок, функціонально схожий до цього: <https://codepen.io/freeCodeCamp/full/eyLYXE>.

**Правило №1:** не дивіться на код проєкту в прикладі. Напишіть його власноруч.

**Правило №2:** виконайте історію користувача та пройдіть тести. Використовуйте необхідні вам бібліотеки або API. Оформте за власним стилем.

**Історія користувача:** я можу натискати чи перетягувати курсор миші, щоб зафарбувати кружечки.

**Історія користувача:** я можу двічі натиснути на зафарбований кружечок, щоб видалити колір.

**Історія користувача:** я можу натиснути на зафарбований кружечок, щоб змінити колір.

**Історія користувача:** я отримую кружечок іншого кольору при кожному натисканні.

**Історія користувача:** я можу натиснути на кнопку «Reset», щоб видалити останній колір.

**Історія користувача:** я можу натиснути на кнопку «Reset All», щоб видалити всі кольори.

Коли закінчите, надайте посилання на свій проєкт на CodePen та натисніть кнопку «Я виконав(-ла) це завдання».

Ви можете отримати фідбек до свого проєкту, поділившись ним на <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">форумі freeCodeCamp</a>.

# --solutions--

```js
// solution required
```
