O sistema foi construido em REACT JS utilizando também o Material Ui como estilo dos componentes do sistema.
Após a confirmação do usuário , a tela vai para o dashboard que contem algumas métricas de metas divididos por macro categorias:
É feita uma chamada a api recuperando os metadados dos grupos e as despesas gerais do mês. Assim fazemos a atribuição de cada gráfico a respectiva despesa , tornando-se um gráfico dinâmico .
Esta tela já faz um comparativo geral de despesas e receitas.
O menu foi feito ultilizando o APPBAR do Material UI que consta as nossas despesas, receitas e dashborad.
O Contas a pagar esta todas as contas referente ao mês a serem pagas; Será desenvolvido futuramente um filtro de tempo para selecionar e visualizar melhor as contas.
O restante do código está disponível no repositório.
para iniciar o front end bastar digitar no terminas yarn start . Porem para melhor experiencia é necessário o back-end que se encontra aqui .