---
id: bd7155d8c242eddfaeb5bd13
title: Costruire una scatola delle ricette
challengeType: 3
forumTopicId: 302354
dashedName: build-a-recipe-box
---

# --description--

**Obiettivo:** crea un'app funzionalmente simile a questa: <a href="https://codepen.io/freeCodeCamp/full/dNVazZ/" target="_blank" rel="noopener noreferrer nofollow">https://codepen.io/freeCodeCamp/full/dNVazZ</a>.

Soddisfa le user story qua sotto e fai passare tutti i test. Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.

**User Story:** Posso creare ricette che hanno nomi e ingredienti.

**User Story:** Posso vedere un indice in cui i nomi delle ricette sono visibili.

**User Story:** Posso cliccare su una qualunque di queste ricette per vederla.

**User Story:** Posso modificare queste ricette.

**User Story:** Posso eliminare queste ricette.

**User Story:** Tutte le nuove ricette che aggiungo sono salvate nel local storage del browser. Se ricarico la pagina, queste ricette saranno ancora là.

**Suggerimento:** Dovresti dare un prefisso alle chiavi del local storage su CodePen, per esempio `_username_recipes`

Quando hai finito, includi un link al tuo progetto su CodePen e clicca sul pulsante "Ho completato questa sfida".

Puoi ottenere un feedback sul tuo progetto condividendolo sul forum di <a href="https://forum.freecodecamp.org/c/project-feedback/409" target="_blank" rel="noopener noreferrer nofollow">freeCodeCamp</a>.

# --solutions--

```js
// solution required
```
