/technation-financial

Hospedado na Vercel. https://technation-financial.vercel.app/

Primary LanguageHTML

FINANCY

Financy é uma aplicação web para gerenciar um sistema financeiro de uma empresa. Possui detalhes das notas, além de filtros e uma agradável interface.

Tela inicial (DASHBOARD)

Presentation

Exemplo do botão de Logout

Presentation

Tela de Notas emitidas

Presentation

Tecnologias usadas

Technologies

Rodando o projeto (diversas formas)

• Você pode abrir o projeto diretamente pelo navegador, abrindo o arquivo index.html.

• Você pode baixar o Visual Studio Code e instalar a extensão "Live Server", após isso abra a pasta do projeto lá.

• Você pode entrar no link de produção: https://technation-financial.vercel.app/

Sobre mim e Considerações Finais

Devido a alta demanda em trabalho e falta de tempo, acabei começando a desenvolver apenas no dia 06/02, cerca de 23h.

Foquei em uma interface agradável para o usuário, intuítiva e mais parecida com um SPA possível (colocando layouts em comum para enganar o efeito de "blink").

"<title />" de acordo com cada página e também Favicon alterado.

Devido ao tempo, não consegui desenvolver os filtros de => Trimestre - Ano - Mês de emissão - Mês de cobrança e Mês de pagamento.

Os filtros desenvolvidos foram => Mês e Status da nota.

Sobre o filtro de mês, foi levado em consideração os meses do gráfico.

Gráfico de evolução da inadimplência leva em conta apenas notas vencidas.

Gráfico de evolução da receita leva em conta apenas as notas pagas.

As notas entre as duas páginas não são 100% relacionadas também devido ao tempo, tentei ajustar ao menos as datas, não pude trabalhar muito na regra de negócio das notas.

Porém, consegui cumprir parcialmente dado as condições. Também por ser em vanillaJS e JQuery, alguns fluxos feito em segundos em um framework, se tornam mais trabalhosos.

Foi um desafio bem legal para relembrar as bases.

Tentei deixar o mais organizado possível as pastas e arquivos, meu código também. Mas por exemplo, para adicionar SVG's não poderiam ser adicionadas outras libs, então o código ficou extenso.

Fiquem a vontade para checar meus outros projetos no Github e minha experiência. Muito obrigado!

LinkedIn: https://www.linkedin.com/in/italocovas/