Para realizar o projeto, atente-se a cada passo descrito a seguir. Se tiver qualquer dúvida, nos envie por Slack! #vqv 🚀
- Utilizar a Context API do React para gerenciar estado
- Utilizar o React Hook useState
- Utilizar o React Hook useContext
- Utilizar o React Hook useEffect
- Criar Hooks customizados
O TheMealDB é um banco de dados aberto, mantido pela comunidade, com receitas e ingredientes de todo o mundo.
Os end-points são bastante ricos, você pode vê-los aqui
Bem similar (inclusive mantida pela mesma entidade) a TheMealDB API, só que focado em bebidas.
Os end-points também são bastante ricos, você pode vê-los aqui
As respostas seguem a mesma estrutura, com algumas particularidades relativas às bebidas (como ser ou não alcoólica, por exemplo)
As rotas a serem utilizadas na aplicação devem ser as seguintes:
- Tela de login:
/
; - Tela principal de receitas de comidas:
/meals
; - Tela principal de receitas de bebidas:
/drinks
; - Tela de detalhes de uma receita de comida:
/meals/{id-da-receita}
; - Tela de detalhes de uma receita de bebida:
/drinks/{id-da-receita}
; - Tela de receita em progresso de comida:
/meals/{id-da-receita}/in-progress
; - Tela de receita em progresso de bebida:
/drinks/{id-da-receita}/in-progress
; - Tela de perfil:
/profile
; - Tela de receitas feitas:
/done-recipes
; - Tela de receitas favoritas:
/favorite-recipes
.
Esse projeto foi realizado em grupo, e os participantes podem ser vistos na aba de colaboradores desse repositório. Onde esses grandes amigos que me ajudaram são:
Gustavo, Thiago, João e Edson