Nesse desafio você vai construir um site completo para uma empresa de receitas chamada Foodfy.
- Na página de receitas, quando o usuário clica em uma receita, um modal deve aparecer em tela contendo as mesmas informações da receita que ele clicou.
- Você irá refatorar, ou seja, reescrever algumas partes, do seu código do desafio anterior, o Foodfy.
- Use os dados das receitas contidos no arquivo data.js para a página de listagem de receitas e para a home.
- Na home, liste as 6 primeiras receitas, não é necessário agora sabermos sobre as receitas mais acessadas.
- Na listagem, liste todas receitas do arquivo.
- Ao clicar em uma receita agora o usuário deve ser redirecionado para uma nova página contendo todas informações da receita como ingredientes, modo de preparo e informações adicionais (todas essas informações estão contidas no arquivo data.js).
- Dentro da página do detalhe da receita, em cada seção "Ingredientes", "Modo de preparo" e "Informações adicionais" há um botão Mostrar ou Esconder que ao ser clicado deve mostrar ou esconder o texto abaixo do título baseado em seu estado de visibilidade.
- Você precisará converter seu projeto em um projeto Node.js usando Nunjucks para mostrar cada página.
- Na página de listagem não é mais necessário abrir o modal como tínhamos no desafio anterior do Foodfy.
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.