Bem-vindos ao projeto Recipes App!

Link do Deploy: https://recipes-group-3.surge.sh

O projeto consiste em uma aplicação Front-End de receitas e é possível realizar as seguintes ações:

  • Procurar uma receita por um nome, um ingrediente ou sua primeira letra;
  • Filtrar por categorias;
  • Selecionar uma receita, iniciá-la e marcar/desmarcar os ingredientes usados em seu desenvolvimento;
  • Salvar, via Local Storage, as informações da receita terminada;
  • Favoritar/desfavoritar uma receita;
  • Filtrar por tipo de receita nas páginas de Receitas Finalizadas e de Receitas Favoritas;
  • Alterar o e-mail do usuário e fazer logout da aplicação;

Tecnologias e ferramentas usadas no desenvolvimento da aplicação:

  • React Context API;
  • React Hooks;
  • API consumida para os dados das comidas: TheMealDB;
  • API consumida para os dados das bebidas: CockTailDB;
  • Metodologias Ágeis;
  • Figma para o desenvolvimento da interface;
  • UX Design para priorizar a melhor experiência possível para o usuário.

Instalação e inicialização

  1. Clone o repositório:
git clone git@github.com:brunoferreira89/recipes-app.git
  1. Entre na pasta do repositório que você acabou de clonar:
cd recipes-app
  1. Instale as dependências:
npm install
  1. Inicialize a aplicação:
npm start
  1. Caso esteja em um desktop, redimensione a tela:
  • O projeto é baseado no conceito Mobile First. Dito isso, é recomendável redimensionar a tela do navegador para uma resolução de 360x640.

Squad responsável pelo desenvolvimento: