Skip to content

Application bank's like for simulate transactions with APIFlask and ReactJS + TailwindCss

Notifications You must be signed in to change notification settings

davi-lucciola/knock-bank

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

85 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Knock Bank

KnockBankLogo

O KnockBank é uma plataforma bancaria que possibilita que os seus usuários realizem transações de deposito, saque e trânsferência para outras contas na plataforma, também disponibilizando um grafico de vizualização de entradas e saidas totais por mês do ano corrente.

Projeto Realizado inspirado em um teste técnico para Desenvolvedor Full Stack Pleno (Flask + React)

Design

O prototipo inicial foi feito pelo Not39 em um projeto que ele chegou a prototipar para a gente implementar, mas nunca de fato realizamos, então peguei o modelo e adptei a ui para essa aplicação.

Veja aqui no Figma

O Design foi feito para ser implementando de forma responsiva, atendendo dispositivos desktop e mobile.

Desktop

HomeDesktop DashboardDesktop

Mobile

System Design

WORK IN PROGRESS (com pipelines de testes, build e deploy...)

Tecnologias

Frontend

TypeScript Next JS React Hook Form TailwindCSS Docker

Backend (API)

Python Flask MySQL Docker

Arquitetura

A API foi construida utilizando a arquitetura MVC com camada de Servico (MVC+Service) e foram utilizadas as seguintes abordagens durante sua construção:

  • Injeção de Depêndencias, para melhor isolamento das camadas e facilitação de testes unitários
  • Repository Pattern para encapsular lógica de acesso ao banco de dados e garantir atomicidade quando mais de uma entidade está sendo alterada.
  • Service encapsulando as regras de negócio, que através da injeção de dependencia dos repositories facilita os testes unitários.

WORK IN PROGRESS...