/Money-Control

a management app to control cash in and cash out.

Primary LanguageTypeScriptMIT LicenseMIT

pt-BR - version

Money Control

image image image image image

Responsividade:

money control responsivity

Aplicação:

https://money-control.vercel.app/

Sobre:

Aplicação para controle e gerenciamento de gastos. Foi criada com a ideia de ter uma visão macro sobre os gastos mensais e um comparativo de ganhos e custos em relação ao mês atual e o anterior do ano vigente.

1º Registre um novo evento financeiro;

2º Analise os dados através do painel;

3° Escolha a melhor forma de ver seus dados, pelos gráficos ou pela tabela;

4º feedbacks são bem-vindos :)

Funcionalidades:

  • inclusão de novos eventos financeiros
  • exclusão de eventos financeiros;
  • gráfico dos dados;
  • informações salvas automáticamente no dispositivo utilizado (web Api localStorage).

Tecnologias usadas:

Base:

html5-logo css3-logo javascript-logo typescript-logo nextJS-logo

  • HTML5 - CSS3 - JavaScript - TypeScript - NextJs

Complementar:

styledComponents-logo reactLottie-logo chartJs-logo

  • Styled Components - React Lottie - ChartJs

Testes

Testes incluídos usando Cypress

chartJs-logo

en - version

Money Control

image image image image image

Responsivity:

money control responsivity

Application:

https://money-control.vercel.app/

About:

Application to control and manage your spending. It was built with the idea to have a macro vision about the month's spent and a comparison of the gains and costs in comparison with the current month and the year before this.

1º Register a new financial event;

2º Make analyses with the data through the dashboard;

3° Choose the best form to see your data, through the graphics or the table;

4º feedbacks are welcome :)

Features:

  • register of new financial events;
  • delete financial events;
  • graphic of the data;
  • info automatically saved in the device used (web API localStorage).

Technologies used:

Main:

html5-logo css3-logo javascript-logo typescript-logo nextJS-logo

  • HTML5 - CSS3 - JavaScript - TypeScript - NextJs

Complement:

styledComponents-logo reactLottie-logo chartJs-logo

  • Styled Components - React Lottie - ChartJs

Tests

Tests included using Cypress

chartJs-logo