rogigs / bank-me

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

BankMe

Isso não é um monorepo!, Para rodar as aplicações juntas, utilize o Docker Compose:

docker-compose -f "docker-compose.yml" up -d --build

Os dois projetos estão no mesmo repositório para facilitar o encontro deles. Além disso, toda a documentação necessária para instalar e inicilizar o projeto estará disponível no README.md de cada projeto.

Processo de desenvolvimento

Tecnologias utilizadas

Backend

Tecnologias utilizadas:

  • NestJs
    • Obrigatório;
  • SQLite
    • Obrigatório;
  • Prisma
    • Obrigatório;
  • JWT
    • Obrigatório;
  • Docker e Docker Compose
    • Obrigatório;
  • Bull
    • Decidir utilizar ela pois tenho mais familiridade e é recomendada pela documentação
  • Swagger
    • Documenta a aplicação e ainda permite realizar testes no endpoint

Decisões de arquitetura:

  • Arquitetura em camadas

Frontend

Tecnologias utilizadas e suas motivações:

  • React e NextJS
    • Possuo mais familiridade com estes framework/biblioteca, por consequência meu desenvolvimento demora menos tempo(o que estou tendo pouco no momento);
  • React-hook-form
    • Esta biblioteca permite que eu construa componentes controlavéis com facilidade;
  • Zod
    • Permite que eu desenvolva validações no meu formulário e é compatível com Typescript;
  • Tailwind
    • Decidir por não utilizar Design System, por exemplo o Material UI, por meu protótipo apresentar componentes simples;

Decisões de arquitetura:

  • NextJS
    • SSR e Router
  • Atomic Design

Brainstorm da solução

Backend

  • Desenho do Database Screenshot 2024-06-02 213350

Frontend

  • Desenho da UI
  • Entendimento do retorno da API
  • Definição das rotas
  • Design System -> as cores são baseadas no site da Bank Me image

About


Languages

Language:TypeScript 94.4%Language:Dockerfile 4.4%Language:JavaScript 1.1%Language:CSS 0.1%