Skip to content

gabrielsilper/project-recipes-app

Repository files navigation

Recipe App

Um projeto da Trybe para aplicar meu conhecimentos na área de frontend e minhas habilidades comportamentais, pois o projeto todo foi feito em grupo e cada integrante contibuiu com páginas, testes e code reviews. A aplicação serve para mostrar várias receitas de comidas ou bebidas e esses dados são consumidos de uma API. Esse projeto foi feito com a filosofia Mobile First.

O que foi usado:

  • JavaScript
  • ReactJS
  • React Router DOM
  • Styled Components
  • Jest
  • React Testing Library
  • Slack para comunicação
  • Trello para aplicar Kanban

O que foi desenvolvido e é possível fazer na aplicação:

  • Fazer login e logout
  • Mostrar uma lista de receitas
  • Escolher entre receitas de bebidas e comidas
  • Filtrar as receitas por ingredientes
  • Pesquisar receitas, pode ser por ingrediente, nome ou primeira letra da receita
  • Mostrar todos os ingredientes e suas medidas, como fazer a receita e um vídeo para auxiliar
  • Um processo pra iniciar a receita e acompanhar o usuário com os passos a ser seguido, ao final marcar que a receita foi feita
  • Mostrar lista de receitas que o usuário está em progresso
  • Mostrar lista de receitas que o usuário finalizou
  • Opção para compartilhar e favoritar receitas
  • Mostrar lista de receitas favoritas
  • Criação de testes para cada componente e páginas

Habilidades desenvolvidas:

  • 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
  • Criar Testes unitários
  • Criar mocks de funções