fincheck Tailwind Templates

Fincheck

Webapp para administração de receitas e despesas pessoais, ajudando os usuários a manterem um controle financeiro eficiente.

Fincheck

Sistema de controle de finanças pessoais para gerenciar todas as suas transações bancárias de receitas e despesas.

Screenshots

Funcionalidades

  • Crud de categorias, contas bancárias e transações;
  • Traduções dos textos em pt-BR e en;
  • Filtragem das transações de acordo com seu tipo (entrada ou despesa), mês, ano e à conta bancária pertencente;
  • Atualização do balanço total de cada conta bancária de acordo com o valor das transações feitas.

Stacks

Front-End

Back-End

Rodando o Front-End

  • Entre na pasta /frontend;
  • Instale todas as dependências;
npm install
  • Rode o projeto no browser.
npm run dev

Rodando o Back-End

  • Entre na pasta /backend;
  • Instale todas as dependências;
npm install
  • Inicie a api localmente.
npm run start:dev
  • Caso queira visualizar o banco de dados na GUI do Prisma.
  npx prisma studio

Variáveis de Ambiente

Para rodar esse projeto, você vai precisar adicionar as seguintes variáveis de ambiente no seu .env

Frontend

VITE_API_URL='http://localhost:3000'

Backend

DATABASE_URL="postgresql://USER:PASSWORD@HOST:PORT/DATABASE"

JWT_SECRET="your_secret_key"

Top categories

Loading Svelte Themes