/react-dt-money

Aplicação de gerenciamento financeiro com utilização e prática de conexão com API e performance no React

Primary LanguageTypeScript

DT Money

Projeto prático desenvolvido durante o programa Ignite (modulo 3) da Rocketseat.

  • A aplicação simula um controle financeiro onde você consegue carregar as suas transações e criar novas transações, de entrada e/ou saída. Além disso, com base nas suas transações, é calculado o seu saldo de transação.

Home Page

  • Pesquisa de transação;
  • Cálculo de totais;

Funcionamento da aplicação página Home

Nova Transação

  • Criação de nova transação;
  • Post através do axios;

Funcionamento do botão de Nova Transação

Dentre os principais utilizados para construção do projeto temos:

  • API fetch;
  • Requisições com o Axios
  • UseCallback;
  • UseMemo;
  • Construção de hooks próprios;
  • React Hook Form
  • Validação de formulário com zod
  • ContextAPI