Poupig

Imagem
HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
Node.jsNode.js
ReactReact
FirebaseFirebase
Next.jsNext.js
Tailwind CSSTailwind CSS

🐷 Poupig

GitHub stars GitHub forks GitHub issues
Next.js TypeScript Firebase Firestore Turbo Repo Jest

Poupig é uma aplicação fullstack desenvolvida para oferecer uma solução completa e eficiente no gerenciamento de dados financeiros. Projetada com uma interface intuitiva, a plataforma permite que os usuários organizem, analisem e acompanhem suas finanças de forma prática e segura.

Com o Poupig, é possível registrar receitas e despesas categorizando cada movimento financeiro para facilitar o controle e a visualização. Além disso, a aplicação oferece relatórios detalhados e gráficos interativos que ajudam os usuários a entenderem melhor seus hábitos financeiros, identificar padrões de consumo e tomar decisões mais informadas para alcançar seus objetivos.

🖥️ Como rodar o projeto 🖥️

Requisitos:

  • Node.js instalado
  • Conta no Firebase

Execução:

  1. Clone o repositório:

    git clone https://github.com/portfolio-projetos-dev/poupig.git

  2. Instale as dependências rodando o comando abaixo na pasta raiz do projeto:

    npm install

  3. Configure um projeto no console do Firebase

  4. Configure as variáveis de ambiente criando um arquivo .env com base no arquivo .env.example e preencha as variáveis de acordo com as variáveis de acesso ao seu projeto no console do Firebase.

  5. Adicione no seu projeto do Firebase a autenticação via Google e com e-mail e senha

  6. Habilite o uso das Cloud Functions no seu projeto no Firebase

  7. Instale e faça login no CLI do firebase com os comandos:

npm i -g firebase-tools
firebase login
  1. Liste os projetos no terminal:
firebase projects:list
  1. Dentro da pasta apps/backend do projeto selecione o projeto criado no console do firebase usando o número do projeto obtido com o comando firebase projects:list
firebase use <numero-do-projeto>

Depois de executar o login é solicitado via browser para selecionar a conta

  1. No console do Google Cloud, configure o Pub/Sub e crie um topic com nome de extrato-alterado

  2. Inicie a aplicação:

npm run dev
  1. Acesse a aplicação em http://localhost:3000.

🗒️ Features do projeto 🗒️

  • Visualização de receitas, despesas e lucro
  • Interface intuitiva e responsiva para monitoramento financeiro
  • Exibição de dados financeiros em tempo real
  • Relatórios detalhados e gráficos interativos
  • Autenticação segura
  • Integração com APIs de bancos para sincronização automática
  • Histórico de transações e busca avançada
  • Modo escuro para melhor visualização

💎 Links úteis 💎