App Inter - Semana Front-End Inter/DIO

Criado em plataforma React durante a Semana Front-End do Banco Inter em parceria com a DIO.

🤔 Resumo

Esta aplicação tem por objetivo replicar uma tela de login do Banco Inter, gerar chaves e realizar transações simuladas via PIX em banco de dados PostgreSQL controlado por TypeORM sobre plataforma React e uma estutura de backend apoiada em NodeJS e Express.

📷 Telas

📖 Documentação

As documentações mais detalhadas estão disponíveis em:

• Frontend (dio-inter-front)
• Backend (dio-inter-backend)

🛠️ Principais Ferramentas

IDE:

• Visual Studio Code

Linguagem:

• TypeScript

Backend:

• CryptoJS
• Express
• js-base64
• JSON Web Tokens (JWT)
• nodeJS
• nodemon
• TypeORM

Frontend:

• axios
• date-fns
• React
• react-icons
• React Router DOM
• Styled Components

⌨️ Utilização

Clonar o repositório:

$ git clone https://github.com/volinha/inter-app

Instalar e inicializar os servidores:

Frontend:

$ cd .\frontend\
$ npm install
$ npm start

Backend:

• Instalar dependências e inicializar

$ cd .\backend\
$ npm install
$ npm run start:dev

• Inicializar o servidor no docker-compose:

$ docker-compose up -d

✨ Funcionalidades

Gerar uma chave PIX

• Digite o valor a ser gerado no campo
• Clique em Gerar código
• Copie o código da chave

Pagar um PIX

• Clique em Sair
• Faça login como outro usuário
• Cole o código da chave e clique em Pagar PIX

🚀 Em desenvolvimento

• Criação de usuário deve ser feita via Insomnia, instruções mais detalhadas disponíveis em dio-inter-backend, futuramente sendo implementada diretamente pelo frontend.
• Testes automatizados em JEST.
• Reorganização de algumas tipagens.

💻 Desenvolvido por Vinícius Fernandes