38 lines
1.4 KiB
Markdown
38 lines
1.4 KiB
Markdown
---
|
|
id: bd7155d8c242eddfaeb5bd13
|
|
title: Costruire una scatola delle ricette
|
|
challengeType: 3
|
|
forumTopicId: 302354
|
|
dashedName: build-a-recipe-box
|
|
---
|
|
|
|
# --description--
|
|
|
|
**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/).
|
|
|
|
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.
|
|
|
|
**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 [freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|