Boas vindas ao repositório do projeto de App de Receitas!

Resumo

Projeto foi realizado em grupo com foco de aprendizado em Front-end, de um aplicativo de receitas de comidas e bebidas.

Foram determinado pequenos requisitos para cada página, onde se tornavam um todo da aplicação. Após isso foi utilizado o Trello como ferramenta de organização (para quem não conhece, é um site que permite vc criar ambientes de trabalho no estilo Kanban), onde as colunas foram separadas em páginas e as linhas como requisito em ordem.

Por ser um trabalho em grupo e foi realizado no maior tempo assíncronamente, foi necessário uma boa organização. Foi decidido para quem estivesse realizando o determinado requisito adicionasse seu nome e quando terminasse adicionasse um Checklist no cartão do requisito.

Página do trello a seguir: https://trello.com/b/AaE1yEW3/grupo-11-app-de-receitas

Habilidades

Nesse projeto, o grupo foi capaz de:

Utilizar Redux para gerenciar estado
Utilizar a biblioteca React-Redux
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

Rotas

As rotas utilizadas na aplicação são as seguintes:

Tela de login: /;
Tela principal de receitas de comidas: /comidas;
Tela principal de receitas de bebidas: /bebidas;
Tela de detalhes de uma receita de comida: /comidas/{id-da-receita};
Tela de detalhes de uma receita de bebida: /bebidas/{id-da-receita};
Tela de receita em processo de comida: /comidas/{id-da-receita}/in-progress;
Tela de receita em processo de bebida: /bebidas/{id-da-receita}/in-progress;
Tela de explorar: /explorar;
Tela de explorar comidas: /explorar/comidas;
Tela de explorar bebidas: /explorar/bebidas;
Tela de explorar comidas por ingrediente: /explorar/comidas/ingredientes;
Tela de explorar bebidas por ingrediente: /explorar/bebidas/ingredientes;
Tela de explorar comidas por local de origem: /explorar/comidas/area;
Tela de perfil: /perfil;
Tela de receitas feitas: /receitas-feitas;
Tela de receitas favoritas: /receitas-favoritas.

Linter

Foi utilizado a ferramenta EsLint para garantir formatação e qualidade de código.

Testes

Foi iniciado o desenvolvimento dos testes da aplicação com a própria biblioteca do React, mas devido ao tempo limitado de desenvolvimento não conseguimos terminar todos os componentes.

Para iniciar o projeto

Primeiro passo é fazer o clone em sua máquina.
Segundo passo é instalar as dependências do projeto digitando npm install no terminal
Terceiro passo é iniciar a aplicação digitando npm run start no terminal