limasthays / finances-system

🌟 finsys | sistema financeiro 🌟

Esta aplicação é uma página web que simula um sistema financeiro para controle de notas fiscais de uma empresa fictícia. Nela encontramos uma página interna contendo todas as notas fiscais do banco de dados (onde podemos filtrar e encontrar informações com mais facilidade) e uma dashboard com os principais indicadores da empresa.

📋 Briefing

Para esse desafio foi solicitado o uso das seguintes ferramentas:

• HTML;
• CSS;
• JavaScript;
• jQuery;
• Bootstrap.

Perto de ferramentas e frameworks modernos que costumo usar, ter como requisito usar ferramentas nativas ou obsoletas foi um desafio a parte. Ainda assim, foi divertido e ainda pude aprender outras formas de desenvolver.

💻 Instalação / execução

Para visualizar este projeto, siga os seguintes passos:

1. Certifique-se de ter o Node.js e o gerenciador de pacotes NPM instalados em sua máquina. Se não tiver, siga as instruções em https://nodejs.org e https://docs.npmjs.com/ para instalá-los.
2. Clone este repositório em sua máquina usando o seguinte comando no terminal: git clone https://github.com/limasthays/finances-system.git
3. Instale as dependências do projeto usando o seguinte comando: npm install
4. Depois de ter as dependências instaladas, visualize o projeto com o seguinte comando: npx serve ou instale a extensão Live Server no seu VS Code.
5. Abra a url localhost:3000/, caso tenha usado npx serve ou localhost:5500, caso tenha preferido usar a extensão Live Server.
6. Aprecie! ✨💖

📦 Dependências e outros recursos utilizados

• Portal da transparência: Portal brasileiro com dados abertos de notas fiscais emitidas no país. Usei o arquivo de Janeiro de 2023 como base para construir uma base de dados fictícia para o projeto.
• Portal Nota Fiscal Eletrônica: Página oficial do Ministério da Fazenda para consultar as notas fiscais por meio da chave de acesso
• google sheets: Ferramenta de edição de planilhas do Google para editar as planilhas com as notas fiscais vindas do Portal da transparência.
• CSV to JSON: Ferramenta online para transformar arquivos .csv em arquivos .json
• jquery: Biblioteca JavaScript para auxiliar na manipulação do DOM de páginas HTML.
• bootstrap css: Framework de CSS que usa classes utilitárias para auxiliar na composição do estilo visual de páginas HTML.
• ChartJS: Biblioteca de JavaScript para construção de gráficos (charts). Encontre a biblioteca aqui: https://www.chartjs.org/

Confira outros projetos 💖

Veja meu portfólio e me mande uma mensagem.

Nunca foi sorte, sempre foi Deus.