Sumário
Sobre | Funcionalidades | Tecnologias | Serviços
Imagens | Como usar | Pré-requisitos | Links | Autor
O principal objetivo do projeto foi praticar a biblioteca React.js, principalmente sobre Hooks e Componentização.
A aplicação se trata de um sistema, onde o usuário pode gerenciar todas suas movimentações financeiras (ganhos, gastos e saldo), possibilitando total controle de seu dinheiro.
Foi escolhido o localStorage para armazenar os dados, pois qualquer usuário que acessar o link da aplicação terá acesso ao armazenamento facilmente.
O projeto foi desenvolvido inspirado no Vídeo do canal Will Dev
As principais funcionalidades do projeto são:
✔️ Permitir o usuário registrar suas transações financeiras;
✔️ Exibir ao usuário todos seus ganhos;
✔️ Exibir ao usuário todas suas perdas;
✔️ Exibir ao usuário seu saldo atual;
✔️ Exibir ao usuário uma lista com todas suas transações registradas;
✔️ Permitir ao usuário excluir uma transação;
✔️ Armazenar todos os dados no localStorage do navegador.
-
Netlify - hospedagem
-
Google Fonts - importação da fonte
Exemplo de funcionamento:
Aplicação em desktop:
Aplicação em mobile:
Acesse a aplicação pelo link. Através do formulário, registre todas suas transações (ganhos e gastos) para o sistema calcular seu saldo atual.
Será exibido todos os valores de seu saldo e uma lista com suas transações para você ter total controle.
Para remover alguma transação, clique no botão com desenho de uma lixeira. Automaticamente, ela será removida e seu saldo será recalculado.
Todos os dados são salvos no localStorage do seu navegador. Logo, se o site for fechado, você pode abrir novamente e seus registros ainda estarão ali.
Para utilizar o sistema, basta um navegador de sua preferência e conexão com internet.
- Repositório: https://github.com/vdonoladev/controle-financas/
- Deploy: https://vdonoladev-controlefinancas.netlify.app/
![Imagem do autor](https://github.com/vdonoladev.png?raw=true)