/recipes_app_front_end

Aplicativo de receitas desenvolvido utilizando React Hooks e Context API. É possível ver, buscar, filtrar, favoritar e acompanhar o progresso de preparação de receitas de comidas e bebidas. Foram utilizadas 2 APIs, uma de comidas e uma de bebidas.

Primary LanguageJavaScript

Aplicativo de receitas

Descrição do projeto

O Aplicativo de receitas proporciona acesso a uma vasta variedade de receitas, abrangendo desde pratos deliciosos até refrescantes drinks. Com esta poderosa ferramenta, você tem a liberdade de realizar buscas tanto por nomes de alimentos quanto por nomes de receitas. Além disso, o aplicativo oferece a comodidade de filtrar as receitas por diversas categorias de alimentos.

Uma das funcionalidades mais destacadas do aplicativo é a tela de detalhes de receitas, onde você pode explorar de forma detalhada o passo a passo da preparação, bem como os ingredientes necessários para cada prato. Para tornar a sua experiência ainda mais prática, o Aplicativo de receitas conta com uma página de progresso, permitindo que você marque cada etapa conforme vai executando a receita.

Também dispõe de uma tela de favoritos, onde você pode salvar todas as receitas que deseja acessar novamente no futuro. Além disso, registra suas receitas finalizadas, proporcionando uma lista completa de todas as delícias culinárias que já preparou.

E para tornar tudo ainda mais personalizado, o Aplicativo oferece a funcionalidade de criação de um perfil de usuário, concedendo acesso a todas as telas mencionadas. Além disso, para garantir a segurança dos seus dados e preferências, o Receitas App implementa um sistema de login para acesso ao aplicativo.

Funcionalidades

  • Sistema de login
  • Perfil de usuário
  • Tela principal de receitas com ampla variedade de receitas de comidas e bebidas
  • Barra de busca para pesquisar por nome de receitas, nome de ingredientes ou letras
  • Filtro por categoria
  • Detalhes de receitas com ingredientes e modo de preparo
  • Marcação do progresso nas receitas
  • Tela de receitas favoritas
  • Tela de receitas finalizadas

Tecnologias, ferramentas e habilidades utilizadas

  • React
  • Context API
  • React Hooks
  • React Testing Library
  • Router
  • Tailwind CSS

Como executar o projeto


# Clone ou baixe o repositório
git clone git@github.com:LarissaSimoes/recipes_app_front_end.git
# Entre no diretório
cd recipes_app_front_end
# Instale as dependências
npm install
# Rodar a aplicação
npm start