random recipes

Gerador de receita aleatória

Este é um exercício de aplicativo React para cobrir dois objetivos de aprendizado:

• Pegue e exiba informações de uma fonte de dados externa usando o React
• Use ganchos de reação quando necessário para gerenciar o estado e o ciclo de vida

Descrição

Este aplicativo exibirá uma série de receitas aleatórias para o usuário, usando a API Spoonacular

Tecnologias

• Reação (JavaScript)

Este projeto foi inicializado com o aplicativo Create React.

Começando

Para começar, clone este diretório e instale o fio, se você ainda não o tiver.

No diretório do projeto, você pode executar:

yarn install

Configure seu ambiente para executar o aplicativo, instalando as dependências necessárias

yarn start

Executa o aplicativo no modo de desenvolvimento.
Abra http: // localhost: 3000 para visualizá -lo no navegador.

A página será recarregada se você fizer edições.
Você também verá erros de fiapos no console.

Planejamento

Funcionalidade

• Exibir 1 receita aleatória para o usuário
• A receita inclui: título, imagem, tempo de preparação, créditos, resumo, cozinha
• O usuário pode clicar em um link para visualizar a receita em uma nova janela
• O usuário pode clicar para ver outra receita
• Bônus: o usuário pode alterar o número de receitas que desejam ver
• Bônus: sem receitas visíveis até o usuário clicar no botão primeiro