Loading repository data…
Tassio-Med / repository
finance-system
💸Este projeto foi desenvolvido para colocar em prática meus conhecimentos em Typescript e Styled-Components. Consiste em um sistema financeiro simples.
#netlify-deployment#npm#react-icons#reactjs#styled-components#typescript
Live repository statistics
★ 1Stars
⑂ 0Forks
◯ 0Open issues
◉ 1Watchers
34/100
OPENREPOHUB HEALTH SIGNAL
Limited signals
A transparent discovery signal based on current public GitHub metadata.
Recent activity35% weight
10
Community adoption25% weight
0
Maintenance state20% weight
100
License clarity10% weight
0
Project information10% weight
100
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
README preview
Bem-vindo ao Finance System!
Este projeto foi desenvolvido com o intuito de colocar em prática meus conhecimentos de Desenvolvimento Web, em espicífico o uso do Typescript e Styled-Components. Aqui você pode conhecer um pouco sobre minhas hard skills.
As principais habilidades colocadas prática nesse projeto foram:
- ReactJS.
- Typescript
- Styled-Components;
- Deploy com Netlify;
Usabilidade
O projeto consiste em um Sistema Financeiro simples. É totalmente centrado em apenas uma página em que é possível adicionar o valor das suas despesas por data e categoria e ainda incluir um título na mesma.
Ao preencher todos os campos o sistema faz um cálculo comparando os gastos das categorias com a categoria Salário. Se o saldo for negativo ele aparece em vermelho no campo Despesas e se for positivo ele aparece em verde.
Instalação
Para testar o projeto na sua máquina pessoal siga os seguintes passos:
- Clone o repositório:
git@github.com:Tassio-Med/finance-system.git
- Instale os pacotes npm:
npm install
Design
Para a construção visual do projeto foi utilizada a biblioteca Styled-Components e a biblioteca React-icons para adicionar ícones SVG. No projeto foi utilizada a seguinte paleta de cores:
