Recipes App
Aplicativo de receitas desenvolvido em React.js
Este foi o último projeto desenvolvido duranto o módulo de front-end do curso de desenvolvimento web da Trybe.
Foi construído em conjunto com os colegas de turma:
A proposta era construir um aplicativo de receitas utilizando as APIs https://www.themealdb.com/api.php e https://www.thecocktaildb.com/api.php, onde a pessoa usuária pudesse pesquisar por receitas de comidas e bebidas, iniciar e acompanhar seu progresso de preparo.
Tivemos, no total, 9 dias para desenvolver a aplicação.
Desenvolvimento
Após lermos, entendermos e conversarmos sobre os requisitos do projeto, optamos por dividir as tarefas individuais conforme as telas/componentes necessários para montar a aplicação. De maneira que cada um ficou responsável pela construção de uma pequena parte do projeto.
Fui responsável por implementar:
- o componente
Header.js
; - o componente
SearchBar.js
; - a tela
RecipeInProgress.js
; - a estilização
(CSS)
da aplicação.
Processo de follow-up do progresso de desenvolvimento
Utilizamos o Trello para registro e follow-up de status de cada requisito. Fizemos, também, daily meetings, por meio do Zoom, para atualizarmos o time sobre o progresso de desenvolvimento, alinhamento de metas e espectativas e comunicarmos à equipe eventualidades que pudessem nos impedir de cumprir o(s) prazos alinhados previamente. Para nos comunicarmos assicronamente utilizamos o Slack.
Tecnologias utilizadas
- React;
- ContextAPI para o gerenciamento de estados;
- RTL para os testes unitários;
- CSS para a estilização.
Resultado final
Confira a aplicação funcionando em: https://recipes-app-fdfgomes.web.app/
Obs.: Na tela inicial utilize as credenciais abaixo para prosseguir:
- email: email@exemplo.com
- senha: 1234567
Repositório do projeto
O código fonte deste projeto está disponível em: https://github.com/fdfgomes/TRYBE-recipes-app.