Projeto   |    Tecnologias   |    Implementações   |    Demonstrações

💻 Projeto

O dev.finances é uma aplicação de controle financeiro desenvolvida através da Maratona Discover, uma iniciativa da Rocketseat. Nessa aplicação é possível cadastrar e excluir transações e ver o saldo de entrada e saída 💰

Clique para acessar o projeto

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• HTML
• CSS
• JavaScript

💡 Implementações

• Filtro por período;
• Paginação;
• Seleção de itens por página;
• Gráficos;
• Ordenação;
• Transação parcelada;
• Edição;
• Troca de tema;
• Alterar para vermelho o card Total quando conta estiver negativa;

👀 Demonstrações

Filtro por período

Com esse recurso o usuário pode selecionar uma data mínima, uma data máxima ou um período do qual ele quer analisar as transações.

Paginação

Com esse recurso o usuário pode navegar entre várias páginas de transações.

Seleção de itens por página

Com esse recurso o usuário pode escolher quantas transações deseja por página. O valor padrão é 15 transações por página.

Gráficos

Com esse recurso o usuário pode visualizar as 5 maiores entradas e saídas e a porcentagem que cada uma representa do grupo. Um terceiro gráfico mostra a saúde financeira da carteira.

Ordenação

Com esse recurso o usuário pode organizar de maneira crescente ou decrescente os dados por descrição, valor ou data.

Transação parcelada

Com esse recurso o usuário pode gerar várias transações ao mesmo tempo, sendo que elas vão se repetir com os mesmos dados adicionando um mês por parcela. Caso o dia selecionado inicialmente seja o dia 31 o parcelamento será cadastrada para o último dia de cada mês.

Edição

Com esse recurso o usuário pode editar transações já existentes.

Icones de terceiros

• Todos os icones terceiros foram distribuitos por www.flaticon.com
• Filtro: Feito por Freepik
• Editar: Feito por iconixar