Recipes app

Contexto

Projeto desenvolvido em grupo:

• Robert Nascimento
• Filipe Brochier
• Beatriz Ramalho
• Lucas Lima
• Daniel Custódio

Neste projeto foi desenvolvido um app de receitas, utilizando o que há de mais moderno dentro do ecossistema React: Hooks e Context API.

Nele será possível ver, buscar, filtrar, favoritar e acompanhar o processo de preparação de receitas e drinks.

A base de dados serão 2 APIs distintas, uma para comidas e outra para bebidas. Ao utilizar essa aplicação um usuário deverá ser capaz de:

• Fazer login;
• Pesquisar receitas de comidas e drinks por nome, ingredientes e primeira letra;
• Navegar entre receitas de comidas e drinks;
• Acessar os detalhes da receita, com ingredientes, modo de preparo, vídeo demonstrativo e recomendações de harmonização;
• Favoritar e compartilhar receitas;
• Iniciar uma receita e marcar os ingredientes de acordo com o andamento dela;
• Após finalizar a receita, poderá acessar a página de receitas prontas, e visualizar todas a receitas finalizadas, com a data de finalização;
• Acessar a página de receitas favoritas;
• Acessar a página de explorar comidas e bebidas, onde poderá explorar por ingredientes, local de origem, ou visualizar uma receita aleatória caso queira ser surpreendido;
• Acessar a página de perfil.

Tecnologias usadas

Desenvolvido usando: React, React Router, Context API, Javascript, CSS3, HTML5, ES6

APIs utilizadas

https://www.themealdb.com/api.php

https://www.thecocktaildb.com/api.php

Instalando Dependências

cd recipes-app/
npm install

Executando aplicação

cd recipes-app/ && npm start

Gif da aplicação