💵 DtMoney

Segundo projeto da trilha de ReactJS do Ignite da Rocketseat. O intuito era desenvolver uma aplicação web de controle financeiro, com cadastro e gerenciamento de finanças!

📁 Módulos

Estrutura da aplicação

1. Introdução ao módulo
2. Estrutura com create-react-app
3. Exportando assets do Figma
4. Instalando Styled Components
5. Criando estilos globais
6. Fontes do Google Fonts

Componentização

1. Componente: Header
2. Componente: Summary
3. Componente: TransactionsTable

Consumindo API

1. Criando front-end sem back-end
2. Configurando MirageJS
3. Configurando cliente do Axios

Modal & Forms

1. Configurando Modal de criação
2. Componente: NewTransactionModal
3. Estrutura do formulário
4. Estilizando modal
5. Criando botões de Tipo
6. Funcionamento dos Botões
7. Cores do botões
8. Salvando dados do form
9. Inserindo transação na API
10. Listando transações e seeds
11. Formatando valores

Contextos e hooks

1. Introdução à contextos
2. A Context API no React
3. Carregando transações
4. Movendo criação para o context
5. Finalizando inserção
6. Calculando resumo
7. Criando hook

⚙ Features

• Cadastro de transações
• Listagem de transações
• Cálculo de resumo das transações

💻 Tecnologias

• React
• Typescript
• Styled Components
• Mirage JS
• Axios
• React Modal

---

Made with 💜 by Luiz Henrique during the course Ignite - Trilha ReactJS