Site desenvolvido durante a Maratona Discover, com propósito de estudo.
Clique aqui para acompanhar a maratona.
Esse projeto foi desenvolvido com as seguintes tecnologias:
- HTML
- CSS
- JavaScript
- localStorage
- Imagens SVG
Você pode clicar aqui para acessar o site do projeto ou seguir os passos abaixo para rodar-lo localmente em sua máquina.
- Clone o repositório
- Abra a pasta do projeto no
VSCode
- Instale a extensão
Live Server
- Clique com o botão direito em
index.html
e depois vá emOpen with Live Server
- Acesse o endereço gerado em seu navegador.
O dev.finances é uma aplicação de controle financeiro, onde é possível cadastrar e excluir transações e ver o saldo de entrada e saída
Você pode visualizar o layout do projeto através desse link. É necessário ter conta no Figma para acessá-lo.
Esse projeto está sob a licença MIT. Veja o arquivo LICENSE para mais detalhes.
Senti a necessidade de criação de um modo noturno para o site, com isso criei um botão para alternar as cores e salvá-las no localStorage. Além disso, criei um campo para colocar as categorias das despesas, para melhor organização. Para finalizar, o card que exibe o saldo total muda de cor, ficando vermelho caso o saldo total seja negativo.
LinkedIn | Instagram | Behance
Desenvolvido com 💜 por Igor Martins