Projeto realizado como forma de avaliação no curso de desenvolvimento web da escola de programação Trybe.
Objetivo: Desenvolver 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 progresso de preparação de receitas e drinks!
A base de dados foram 2 APIs distintas, uma para comidas e outra para bebidas.
O layout teve como foco dispositivos móveis, então todos os protótipos foram desenvolvidos em telas menores.
Esse projeto foi realizado em grupo, dessa maneira podemos trabalhar metodologias ágeis como scrum e kanban durante seu desenvolvimento. Integrantes: Aline Salema, Aline Oliveira, Fran Oliveira e Marco Paullino.
Entre minhas contribuições, posso citar:
- css de todas as tela exceto a de login e a de perfil;
- Lógica das telas de explorar (/explore);
- Lógica da tela principal de receitas (/foods e /drinks) e os botões de filtrar de acordo com a categoria;
- A tela de receita em progresso foi iniciada por um integrante do grupo e finalizada por mim com a lógica de conferir se todos os ingredientes foram marcados para liberar o botão de finalizar e salvar o progresso atual no local Storage ao clicar em um ingrediente;
- A pagina de receitas feitas (/done-recipes) foi realizada em pair-programing, eu e mais um integrante do grupo;
- Todos os botões de favoritar e e compartilhar.
Tecnologias usadas
Linguagem : JavaScript
Bicliotecas : React(context)
Dependencias necessárias Abra o projeto e rode npm install
Resultado final:
acesse o link -> ensinaE