---
id: bd7155d8c242eddfaeb5bd13
title: Criar uma caixa de receitas
challengeType: 3
forumTopicId: 302354
dashedName: build-a-recipe-box
---

# --description--

**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/dNVazZ/>.

Atenda às [histórias de usuário](https://pt.wikipedia.org/wiki/Hist%C3%B3ria_de_usu%C3%A1rio) abaixo. Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.

**História de usuário:** eu posso criar receitas que têm nomes e ingredientes.

**História de usuário:** posso ver uma exibição indexada onde os nomes de todas as receitas são visíveis.

**História de usuário:** posso clicar em qualquer uma dessas receitas para visualizá-la.

**História de usuário:** posso editar essas receitas.

**História de usuário:** posso excluir essas receitas.

**História de usuário:** todas as novas receitas que eu adiciono são salvas no armazenamento local do meu navegador. Se eu atualizar a página, as receitas ainda estarão lá.

**Dica:** você deve prefixar suas chaves de armazenamento local no CodePen, ou seja, `_username_recipes`

Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".

Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).

# --solutions--

```js
// solution required
```