Recipes App

4 Junho 2023

Aplicativo de receitas desenvolvido em React.js

Banner Recipes App

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
Resultado final

Repositório do projeto

O código fonte deste projeto está disponível em: https://github.com/fdfgomes/TRYBE-recipes-app.