NG-Transactions-System

Sobre o projeto

Link: NG Transactions System

NG-Transactions-System É um aplicativo full stack web, moderno e responsivo para todos os tamanhos de tela.

A aplicação NG Transações consiste em ser uma carteira digital. Onde você pode enviar e receber dinheiro entre usuários que possuam uma conta NG. Além de ter notificações e atualizações dos dados em gráficos e em tempo real. Dentre outras funcionalidades extras que o app web possui.

Layout Desktop. Com demostração

20230105_204955.2.mp4

Layout Mobile e Tablet. Com demostração

20230105_205327.2.mp4

Modelagem Conceitual de Dados

Competências

• Semântica
• Responsividade
• Boas Práticas
• Princípios S.O.L.I.D
• Design Patterns
• Clean Code
• Deploy na nuvem
• Gerenciamentos de estados e cache

Tecnologias utilizadas

Conteiner

• Docker

Banco de dados

• Postgres Sql

Deploy na nuvem

• Aplicação web : Vercel
• Back end : Render
• Banco de dados : Railway / AWS

Front end

• HTML / CSS / JS / TypeScript
• React JS/TS
• Next JS/TS
• Tailwind Css
• Axios
• Stripe
• Nookies
• React-awesome-reveal
• Phosphor-react
• React-google-charts
• React-hook-form
• React-Modal
• React-toastify
• React-query
• Lottie-react
• Sharp
• Swiper
• Flowbite

Back end

• Node Js
• TypeScript
• Cors
• Express Js
• Knex Js
• Multer
• Multer-S3
• Aws-sdk
• Jsonwebtoken
• Nodemailer
• Yup
• Bcryptjs

Como executar o projeto na sua maquina

1 - Container com ( Docker )

Pré-requisitos: Docker instalado na sua máquina

# 1 - clonar repositório
git clone https://github.com/GabrielSS187/NG-Transactions-System.git

# 2 - entrar na pasta
cd NG-Transactions-System

# 3 - rodar o docker
docker-compose up --build

Caso tudo de certo o projeto deverá esta rodando no endereço: http://localhost:3000

2 - Localmente

Pré-requisitos: npm / yarn, postgresSql

É preencher as variáveis de ambiente das pastas back-end é front-end

# 1 - clonar repositório
git clone https://github.com/GabrielSS187/NG-Transactions-System.git

# 2 - Back-end ============================================================================================================
# 1 - entrar na pasta NG-Transactions-System e depois back-end
cd NG-Transactions-System/back-end

# 2 - instalar as dependências
npm install

# 3 - Gerar as migrações para o banco de dados
npm run migrate:latest

# 4 - executar o projeto e depois espere o servidor aparecer a messagem: "Server is running in http://localhost:8000"
npm run dev
# ===========================================================================================================================

# 5 - voltar para a pasta pai que é NG-Transactions-System
cd ..

# 6 - Front-end ============================================================================================================
# 1 -Entrar na pasta front-end
cd front-end

# 2 - instalar as dependências
npm install

# 3 - executar o projeto
npm run dev
# ===========================================================================================================================

Caso tudo de certo o projeto deverá esta rodando no endereço: http://localhost:3000

Autor

Gabriel Silva Souza

https://www.linkedin.com/in/gabriel-silva-souza-developer