dt-money

Um projeto react intermediário com foco em consumo de API e performance

Requisitos

• Página de Listagem de transações
• Painel de resumo (entradas, saídas e saldo)
• Janela para Adicionar nova transação
• Barra de pesquisa para transações

Tecnologias e bibliotecas

• React Hook Form
• Radix UI (Add Transaction Dialog and Radio Group)
• Axios (Requests)
• Phosphor (Icons)
• Zod (Form schema validation)
• ViteJS (App framework)
• JSON Server (API service)

Issues com tópicos discutidos/estudados no projeto

• Dialogs e acessibilidade #1

  • Radix UI
  • Utilizando o Dialog

• Conexão com a API #2

  • JSON Server
  • Requisições HTTP
  • Calculando resumo de transações
  • Controlled components (dnovo)
  • Buscando transações
  • Criando nova transação (desacoplamento)