/ProjetoAppReceitas

Projeto final do módulo de Front-end desenvolvido em grupo durante a minha formação como Desenvolvedor Web na Trybe, consiste em um aplicativo de receitas, onde utilizei as ferramentas como: React.js, React Router, Context Api, Css, React Hooks

Primary LanguageJavaScript

Projeto - App de receitas

👨‍💻 O que foi desenvolvido neste projeto?


Desenvolvimento de 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 de comidas e bebidas!

A base de dados é 2 APIs distintas, uma para comidas e outra para bebidas.

🚀 Habilidades

  • 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

  • Objetivo do Projeto:

    • Desenvolver uma aplicação de receitas, onde fosse possível consultar, favoritar ou desfavoritar uma receita, fazer o checklist do preparo das receitas e compartilhar o link de uma receita. O público alvo desse App seriam pessoas de qualquer idade com interesse em aprender receitas novas e que tivesse um lugar para organizar essas receitas de forma prática;

  • Como o grupo se organizou:

    • reunião no primeiro dia com definições importantes na condução do desenvolvimento:
      • Definimos como meta atingir os 100% dos requisitos e dividimos os requisitos por dia para estipularmos quando iriamos terminar a tempo de montar a apresentação;
      • Definimos o desenvolvimento com o context e componentes funcionais;
      • Divisão dos requisitos por tela para cada pessoa do grupo;
      • Definimos a utilização do trello para ter visibilidade do andamento dos requisitos;
      • Definimos que a pessoa que desenvolvesse uma tela também faria os testes dessa tela;
      • Definimos que se houvesse dificuldade traríamos para alguém do grupo e, persistindo essa dificuldade, procuraríamos ajuda na monitoria ou de outros colegas;

  • Desafios/Aprendizados:

    • Perceber como a comunicação influencia diretamente na organização, colaboração e para lidar com situações adversas. Neste projeto pude melhorar minhas habilidades como trabalho em equipe, liderança, resolução de problemas e desafios complexos, empatia, resiliência, e dentre outros.

Instruções

  • Para rodar a aplicação localmente, realize o clone do projeto e utilize os comandos a seguir para inicializar:
npm install // para instalar as dependências
npm start // para iniciar a aplicação
  • Para rodar os testes criados, os comando a seguir podem ser utilizados:
npm test
ou
npm run test-coverage

👨🏻‍💻 Acessar: Clique Aqui