aszurar / dev.finance

Projeto da Maratona Discover, dev.finance é uma plataforma de cálculos de suas movimentações financeiras!,

dev.finance$ | Discover

O projeto dev.finance é um site que calcula suas transações bancárias, fornecendo o total de entrada e saída dos seus movimentos financeiros, além do saldo de sua conta!.

dev.finance$

---

Sobre |  Motivo |  Requisitos |  Tecnologias |  Baixar e Executar 

---

Link do vídeo completo sobre o projeto

---

ℹ️ Sobre

O projeto dev.finance$ é da 1º maratona Discover ministrada pelo Mayk Brito.

O dev.finance$ originalmente é uma plataforma que registra e calcula movimentações financeiras fornecendo o total de entradas, saídas e seu saldo final.

Com as adições feitas em cima do projeto original, agora também é possível editar as transações registradas além de ativar o modo noturo e pesquisar por alguma transação específica por meio de sua descrição.

• Página Inicial:

  

• Página Inicial com o modo noturno ativado:

• Versão Mobile:

  ___________

  ___________

---

⁉️ Motivo

Esse projeto tem por objetivo por em prática os conceitos ensinados no curso Discover de HTML, CSS e javascript da Rocketseat.. Agora, com as adições feitas também foi praticado adições, remoções e edições no Banco de dados(PostgreSQL), gerenciamento de rotas, async-awaits, comandos básicos de SQL dentre outras ferramentas e práticas.

Além disso, foi proposto o desafio de que os participantes alteracem o projeto, modificassem o visual ou adicionacem uma nova funcionalidade com o objetivo de praticar e enteder melhor sobre as tecnologias utilizadas.

Assim, estabeleci tais metas:

1. 📖 Modo Noturno - Incompleto, Funcionava quando não haviam novas rotas(carregamento de página), agora toda vez que uma página é carregada é desativado.
2. ✔️ Aletaração do visual utilizando propriedades CSS recentemente estudadas.
3. ✔️ Cadastrar informações em um Banco de dados(PostgreSQL).
4. ✔️ Pesquisa das movimentações financeiras.
5. ✔️ Edição das informações das movimentações financeiras.
6. ❌ Paginação para a tabela de movimentações financeiras.

• Página de cadastro:

  

• Página de edição:

  

• Remoção:

  

• Pesquisa:

  

---

🌱 Requisitos Mínimos

Node.js, Nunjucks, PostgreSQL dentre outras dependências espeficícadas no package-json.

---

🚀 Tecnologias Utilizadas

O projeto foi desenvolvido utilizando as seguintes tecnologias

• Node.js
• HTML
• CSS
• Nunjucks
• PostgreSQL

---

📦 Como baixar e executar o projeto

• Clonar o projeto:

  $ git clone https://github.com/Aszurar/dev.finance.git

• Para a instalão do Node, baixe e instale do site oficial: Node.js

• Antes de tudo, é necessário a instalação das tecnologias citadas acima e das das dependências utilizadas no projeto execute os comandos abaixo em um terminal aberto na pasta do projeto:

    npm

• Instalar o postgresql

  sudo apt-get install postgresql

• É necessário configurar o acesso do banco de dados no arquivo db na pasta config com a senha de acesso a seu postgres, por padrão é postgres.

• Execução - Abra a pasta do projeto com alguma IDE(Vscode) ou simplesmente abra o terminal na pasta do projeto e execute o comando abaixo:

     $ npm start

---

Desenvolvido por 🌟 Lucas de Lima Martins de Souza.