Controle-Financeiro icon indicating copy to clipboard operation
Controle-Financeiro copied to clipboard

đŸ’” Site de controle de receitas e despesas desenvolvido em Javascript, HTML e CSS.

đŸ’” Controle Financeiro

:rocket: Sobre o projeto

Este Ă© um site de controle financeiro para registro de receitas e despesas. Ele tambĂ©m possuĂ­ a funcionalidade de alterar temas onde clicando no botĂŁo “Dark / Light” no inferior da pĂĄgina Ă© possĂ­vel alternar entre o tema claro e o tema escuro.

Jå para fazer os registros o usuårio deve informar o nome e valor de cada receita ou despesa. Todos os registros são adicionados a uma lista de transaçÔes que contém o nome, valor e uma label lateral que altera a cor de acordo com o registro, caso seja receita a label é verde e se for despesa a label é vermelha.

Para cada registro Ă© feito o balanço no saldo atual. As receitas sĂŁo somadas ao saldo atual e ao valor total de “Receitas”, jĂĄ as despesas sĂŁo subtraĂ­das do saldo atual e somadas ao valor total de “Despesas”.

Todos os registros sĂŁo armazenados no localStorage do navegador, desse modo eles permanecem salvos mesmo que a pĂĄgina seja recarregada. Para apagar um registo Ă© sĂł passar o mouse em cima dele na lista de transaçÔes que aparece um botĂŁo no canto esquerdo para removĂȘ-lo, apĂłs excluĂ­do serĂĄ refeito o balanço do saldo atual, receitas e despesas sem contabilizar o registro excluĂ­do.

:computer: Tecnologias usadas:

  • Javascript
  • HTML
  • CSS

:bulb: Telas

gif controle de despesas

controle de despesas light

controle de despesas dark