https://github.com/omarcoaur3lio/dt-money

Last synced: 2 months ago
JSON representation

Host: GitHub
URL: https://github.com/omarcoaur3lio/dt-money
Owner: omarcoaur3lio
Created: 2024-03-20T00:05:05.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-04-13T23:40:40.000Z (about 1 year ago)
Last Synced: 2024-04-14T00:42:31.434Z (about 1 year ago)
Language: TypeScript
Size: 192 KB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

## :speech_balloon: Sobre

Este projeto foi desenvolvido durante o terceiro módulo da trilha de React JS do programa Ignite da [Rocketseat](https://www.rocketseat.com.br).

O projeto DT Money é uma aplicação de controle financeiro que permite cadastrar entradas e saídas, fazer buscas, filtros e realizar o cálculo do total das transações cadastradas.

Abaixo estão as principais funções da aplicação e os principais pontos que foram levados em consideração durante o desenvolvimento.

- Busca e listagem de transações ordenadas pela data de cadastro;
- Cadastro de transações em uma API;
- Criação de componentes acessíveis com o Radix UI;
- Prevensão de renderizações desnecessárias dos componentes;

A seguir, alguns dos conceitos postos em prática durante o desenvolvimento:

- React Hooks (useState, useCallback, useMemo)
- Consumo de API com axios e com a API fetch do JS
- Utilização de fake API (json-server)
- Análise de performance
- Styled Components
- ContextAPI
- Estados e imutabilidade

## :camera: Preview