2021-06-15 07:49:18 +00:00
---
id: bd7155d8c242eddfaeb5bd13
2021-08-02 14:05:44 +00:00
title: Criar uma caixa de receitas
2021-06-15 07:49:18 +00:00
challengeType: 3
forumTopicId: 302354
dashedName: build-a-recipe-box
---
# --description--
2022-05-31 14:07:07 +00:00
**Objetivo:** criar uma aplicação que funcione de modo semelhante ao que vemos em: < https: / / codepen . io / freeCodeCamp / full / dNVazZ / > .
2021-06-15 07:49:18 +00:00
2022-05-31 14:07:07 +00:00
Atenda às histórias de usuário abaixo e faça com que todos os testes passem. Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
2021-06-15 07:49:18 +00:00
2021-12-22 14:06:34 +00:00
**História de usuário:** eu posso criar receitas que têm nomes e ingredientes.
2021-06-15 07:49:18 +00:00
2021-12-22 14:06:34 +00:00
**História de usuário:** posso ver uma exibição indexada onde os nomes de todas as receitas são visíveis.
2021-06-15 07:49:18 +00:00
2021-12-22 14:06:34 +00:00
**História de usuário:** posso clicar em qualquer uma dessas receitas para visualizá-la.
2021-06-15 07:49:18 +00:00
2021-12-22 14:06:34 +00:00
**História de usuário:** posso editar essas receitas.
2021-06-15 07:49:18 +00:00
2021-12-22 14:06:34 +00:00
**História de usuário:** posso excluir essas receitas.
2021-06-15 07:49:18 +00:00
2021-12-22 14:06:34 +00:00
**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á.
2021-06-15 07:49:18 +00:00
2021-08-02 14:05:44 +00:00
**Dica:** você deve prefixar suas chaves de armazenamento local no CodePen, ou seja, `_username_recipes`
2021-06-15 07:49:18 +00:00
2021-08-02 14:05:44 +00:00
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
2021-06-15 07:49:18 +00:00
2021-08-02 14:05:44 +00:00
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum do freeCodeCamp ](https://forum.freecodecamp.org/c/project-feedback/409 ).
2021-06-15 07:49:18 +00:00
# --solutions--
```js
// solution required
```