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

# --description--

**Мета:** створити застосунок, функціонально схожий до цього: <a href="https://codepen.io/freeCodeCamp/full/dNVazZ/" target="_blank" rel="noopener noreferrer nofollow">https://codepen.io/freeCodeCamp/full/dNVazZ/</a>.

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

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

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

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

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

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

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

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

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

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

# --solutions--

```js
// solution required
```
