AB
Alysson Barrera
Contato

02 / Coleção pública de estudos de caso

Projetos de engenharia selecionados

Uma coleção estruturada de estudos de caso inspecionáveis sobre trade-offs de arquitetura, ciclos de vida de estado, fronteiras de autorização e evidências verificáveis de implementação.

Filtrar por categoria:

Estudos de caso públicos de engenharia

Frontend até

Cinedash

Interface de alta performance para descoberta de filmes entregue sob um prazo de sete dias.

Um frontend de descoberta de filmes que combina estado tipado na URL, queries infinitas, renderização virtualizada, estado persistente do usuário, estados explícitos de interface, testes automatizados, CI e deploy na Cloudflare Pages.

Foco de engenharia:
  • Atribuição de cada forma de estado a um mecanismo compatível com seu ciclo de vida
  • Representação de busca e filtros como estado de produto navegável na URL
  • Renderização virtualizada para manter o custo proporcional à viewport à medida que as coleções crescem
  • React 19
  • Vite
  • TypeScript Estrito
  • TanStack Query
  • TanStack Router
  • TanStack Table
  • TanStack Virtual
  • Persistência Zustand
  • React Hook Form
  • Zod
  • Tailwind CSS
  • Vitest & RTL
  • MSW
  • Cloudflare Pages
77 arquivos de especificação de testesInspecionar estudo de caso
Frontend25 de setembro de 2025

CaseFlow

Canvas interativo de investigação & modelo de estado

Um sistema de investigação interativo que coordena pistas heterogêneas, organização espacial, relações em grafo, edição, histórico e exportação JSON por meio do estado do React Flow controlado por hooks de modelo da aplicação.

Foco de engenharia:
  • O canvas como estrutura de grafo e documento espacial simultaneamente
  • Preservação de identidade estável enquanto pistas se movem ou mudam de contexto de container
  • Variantes explícitas de conteúdo (texto, imagem, áudio, vídeo) usando uniões discriminadas
  • Canvas React Flow
  • Estrutura inspirada em MVVM
  • TypeScript Estrito
  • Uniões discriminadas do Zod
  • Histórico customizado por snapshots
  • Renderização memoizada da viewport
  • Exportação JSON do React Flow
Arquitetura inspecionávelInspecionar estudo de caso
Backend26 de outubro de 2024

Top One

Backend comercial com modelagem de domínio & autorização contextual

Um backend comercial em que modelagem de domínio, casos de uso da aplicação, fronteiras de persistência, autorização contextual e proteção automatizada contra regressões tornam a responsabilidade de negócio visível no código.

Foco de engenharia:
  • O impacto dos dados aumenta à medida que eles se tornam um compromisso comercial
  • A autenticação identifica o ator; o contexto do recurso determina as capacidades permitidas
  • Condições de autorização construídas estritamente a partir de valores autoritativos armazenados no banco de dados
  • NestJS
  • Prisma ORM
  • PostgreSQL
  • Autorização CASL
  • Tipos de resultado no padrão Either
  • Eventos de Domínio
  • Testes HTTP & de Integração
Arquitetura inspecionávelInspecionar estudo de caso
Full-stack26 de setembro de 2024

Next SaaS RBAC

Arquitetura full-stack multi-tenant de identidade, organização & permissões

Uma aplicação full-stack multi-tenant em que autenticação, organizações, vínculos de membros, abilities associadas aos papéis, ownership de recursos, convites, projetos, faturamento e transferência de ownership são coordenados em uma arquitetura compartilhada de web e API.

Foco de engenharia:
  • Autenticação, tenancy e autorização são contextos distintos e não intercambiáveis
  • Papéis pertencem a vínculos dentro de organizações, não globalmente a um usuário isolado
  • Um recurso pode pertencer simultaneamente a uma organização tenant e a um proprietário individual
  • Workspaces Turborepo
  • Next.js App Router
  • API REST Fastify
  • Prisma ORM
  • Zod & OpenAPI
  • Pacote CASL compartilhado
  • Server Actions
Arquitetura inspecionávelInspecionar estudo de caso
Trabalho Profissional Confidencial
Estudo de caso de engenharia anonimizado

Plataforma de conteúdo & operações

Responsabilidade: Desenvolvedor Principal & Arquiteto do Sistema

“Um editor publica uma mudança. O sistema coordena identidade, dados, mídia e entrega pública.”

Arquitetura e implementação end-to-end de um monorepo Nx em produção, composto por uma aplicação administrativa em React, uma API NestJS/Fastify, um site público em Next.js e bibliotecas compartilhadas de autorização e UI.

Desafio arquitetural central:

Preservar a consistência entre operações administrativas, estado relacional, object storage e cache público em aplicações com ciclos de deploy independentes. 2FA obrigatório no primeiro acesso, regras CASL autoritativas no servidor, uploads diretos para R2 e revalidação por tags precisam convergir sem expor a organização nem acoplar a experiência pública ao runtime administrativo.

Invariantes de publicação & segurança
  • 01.A sessão só é emitida após a verificação da senha e do TOTP; os challenges têm curta duração e uso único
  • 02.A API permanece autoritativa sobre permissões, persistência e estado do conteúdo publicado
  • 03.Mutations bem-sucedidas revalidam apenas as tags públicas afetadas após a persistência autoritativa
Nx MonorepoNestJS / FastifyReact / Next.jsPrisma / MariaDBCloudflare R2CASL & TOTP
Trabalho Profissional Confidencial
Estudo de caso de engenharia anonimizado

Sistema visual de workflow no-code

Responsabilidade: Arquitetura React Flow & consistência de grafos

“O usuário move uma linha. O sistema preserva um programa.”

Arquitetura e implementação de um canvas visual complexo de workflows, no qual usuários criam, conectam, configuram, movem, excluem e copiam nós.

Desafio arquitetural central:

Preservação da consistência do grafo quando ações visíveis na UI afetam estruturas de referência armazenadas. Dependências de execução entre nós exigem atualização de edges, exclusão e operações de copiar e colar capazes de reconstruir identidades e relações com segurança, sem deixar estados órfãos.

Invariantes de consistência de grafo
  • 01.O movimento de arestas atualiza automaticamente os arrays de dependência pai/filho
  • 02.Copiar e colar reconstrói com segurança os IDs dos nós e as relações internas do grafo
  • 03.A exclusão em cascata remove referências órfãs antes da persistência de estado
React FlowTypeScriptTransformações de estado do grafoSincronização de referências