danielfilh0 / fincheck

WebApp de controle de finanças pessoais.

Home Page:https://fincheck-frontend-yfw6.onrender.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool



Logo

Funcionalidades

  • Cadastro, autenticação e recuperação de senha de usuários
  • Listagem, cadastro, atualização e remoção de contas bancárias
  • Listagem, cadastro, atualização e remoção de transações (receitas e despesas)

Tecnologias utilizadas

Front-end

  • React.js
  • Typescript
  • Tailwind CSS
  • Radix UI
  • Headless UI
  • React Query
  • Axios

Back-end

  • NestJS
  • Prisma
  • PostgreSQL
  • API REST

Como executar

Antes de tudo, na sua máquina deverá ter:

  • Node.js
  • Docker
  • Git

Será necessário instalar as dependências do projeto back-end que está no diretório /api, executá-lo, e então depois instalar e executar as dependências do front-end que se encontra no diretório /frontend.

Executando o back-end

$ git clone https://github.com/danielfilh0/fincheck.git

$ cd fincheck/api

$ docker compose up -d

Aqui será preciso criar um arquivo .env seguindo o exemplo do arquivo .env.example.

Para o envio de emails, o sistema utiliza o serviço do Gmail. Será preciso criar uma conta Google, habilitar a autenticação de dois fatores e criar uma senha de aplicativo neste link. Após isso, no arquivo .env atribua às variáveis EMAIL_USER e EMAIL_PASSWORD o email e senha de aplicativo criados.

$ npx prisma migrate dev

$ npm install # ou yarn install

$ npm run start:dev # ou yarn start:dev

Executando o front-end

$ cd fincheck/frontend

$ npm install # ou yarn install

Aqui será preciso criar um arquivo .env seguindo o exemplo do arquivo .env.example.

$ npm run dev # ou yarn dev

About

WebApp de controle de finanças pessoais.

https://fincheck-frontend-yfw6.onrender.com/


Languages

Language:TypeScript 95.1%Language:JavaScript 4.4%Language:HTML 0.5%Language:CSS 0.0%