---
id: bd7155d8c242eddfaeb5bd13
title: Створіть збірник рецептів
challengeType: 3
forumTopicId: 302354
dashedName: build-a-recipe-box
---

# --description--

**Ціль:**Створити на сайті [CodePen.io](https://codepen.io) застосунок, який функціонально схожий на цей: <https://codepen.io/freeCodeCamp/full/dNVazZ/>.

Заповніть, як нижче наведено,[ історії користувача ](https://en.wikipedia.org/wiki/User_story). Використовуйте будь-які потрібні вам бібліотеки чи API (прикладні програмні інтерфейси). Проявіть при цьому свій власний стиль.

**Історія користувача:** Я можу створювати рецепти, в яких є назви та інгредієнти.

**Історія користувача:** Я можу побачити показ індексів, де видно назви всіх рецептів.

**Історія користувача:** Я можу натиснути на будь-який з цих рецептів для його перегляду.

**Історія користувача:** Я можу редагувати ці рецепти.

**Історія користувача: ** Я можу видаляти ці рецепти.

**Історія користувача:** Всі нові рецепти, які я додаю, зберігаються в локальному сховищі браузера. Якщо я оновлю сторінку, ці рецепти все ще будуть там.

**Підказка:** Вам слід вказувати префікс локальних ключів зберігання на CodePen, а саме - `_username_recipes`

Коли ви завершили, додайте посилання на ваш проєкт на CodePen та натисніть кнопку "Я виконав це завдання".

Ви можете отримати відгук про ваш проєкт, поділившись ним на даному форумі: [freeCodeCamp forum](https://forum.freecodecamp.org/c/project-feedback/409).

# --solutions--

```js
// solution required
```