38 lines
1.4 KiB
Markdown
38 lines
1.4 KiB
Markdown
---
|
|
id: bd7155d8c242eddfaeb5bd13
|
|
title: Criar uma caixa de receitas
|
|
challengeType: 3
|
|
forumTopicId: 302354
|
|
dashedName: build-a-recipe-box
|
|
---
|
|
|
|
# --description--
|
|
|
|
**Objetivo:** criar uma aplicação que funcione de modo semelhante ao que vemos em: <https://codepen.io/freeCodeCamp/full/dNVazZ/>.
|
|
|
|
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.
|
|
|
|
**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
|
|
```
|