2021-06-15 00:49:18 -07:00
---
id: bd7155d8c242eddfaeb5bd13
2021-07-30 01:41:44 +09:00
title: Costruire una scatola delle ricette
2021-06-15 00:49:18 -07:00
challengeType: 3
forumTopicId: 302354
dashedName: build-a-recipe-box
---
# --description--
2021-07-30 01:41:44 +09:00
**Obiettivo:** Costruisci un'app [CodePen.io ](https://codepen.io ) funzionalmente simile a questa: [https://codepen.io/freeCodeCamp/full/dNVazZ ](https://codepen.io/freeCodeCamp/full/dNVazZ/ ).
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
Soddisfa le seguenti [user story ](https://en.wikipedia.org/wiki/User_story ). Utilizza le librerie o le API di cui hai bisogno. Usa il tuo stile personale.
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
**User Story:** Posso creare ricette che hanno nomi e ingredienti.
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
**User Story:** Posso vedere un indice in cui i nomi delle ricette sono visibili.
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
**User Story:** Posso cliccare su una qualunque di queste ricette per vederla.
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
**User Story:** Posso modificare queste ricette.
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
**User Story:** Posso eliminare queste ricette.
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
**User Story:** Tutte le nuove ricette che aggiungo sono salvate nel local storage del browser. Se ricarico la pagina, queste ricette saranno ancora là.
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
**Suggerimento:** Dovresti dare un prefisso alle chiavi del local storage su CodePen, per esempio `_username_recipes`
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
Quando hai finito, includi un link al tuo progetto su CodePen e clicca sul pulsante "Ho completato questa sfida".
2021-06-15 00:49:18 -07:00
2021-07-30 01:41:44 +09:00
Puoi ottenere un feedback sul tuo progetto condividendolo sul forum [freeCodeCamp ](https://forum.freecodecamp.org/c/project-feedback/409 ).
2021-06-15 00:49:18 -07:00
# --solutions--
```js
// solution required
```