Disponível para oportunidades de engenharia• Profundidade em Frontend | Perspectiva Full-stack

Software feito para durar.
Construído com performance, simplicidade e visão de longo prazo.

Desenvolvo produtos web abrangendo frontend, backend, cloud e IA, projetando os estados, fronteiras e detalhes que tornam o software claro, rápido e confiável.

Explorar projetos selecionados Entrar em contato Currículo

Foco no produto

A experiência com o software é definida por seus estados, tempos de resposta, tratamento de casos de borda e clareza da interface, não por fragmentos isolados de código.

Profundidade técnica

Profundidade em React, Next.js e no ecossistema TanStack, combinada a serviços tipados em NestJS, persistência com PostgreSQL e autorização CASL.

Evidência verificável

Sustentado por repositórios públicos inspecionáveis, 77 arquivos de especificação com testes automatizados, algoritmos de grafos e modelos de autorização multi-tenant.

02 / Projetos Selecionados

Estudos de caso e decisões inspecionáveis.

Uma seleção de sistemas frontend, backend e full-stack, apresentada por suas arquiteturas, fronteiras de estado e evidências verificáveis de implementação.

Frontend2328 de abril de 2026

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

02.1 / Arquitetura de Sistema & Estado

Caminhos de execução inspecionáveis.

Selecione um projeto para rastrear como interações, transições de estado, fronteiras de autorização e decisões de persistência se coordenam na prática.

Sequência de execução (4 Passos)

Cinedash / Rastreio arquitetural

Passo 1 de 4

1. Navegação & estado na URL (TanStack Router)

O usuário seleciona o gênero 'Sci-Fi' e um filtro de avaliação. O estado dos filtros é escrito diretamente nos query params da URL (`/movies?genre=sci-fi&rating=8.0`).

Padrão de implementação:

const search = useSearch({ from: '/movies/' });
// Estado de produto navegável & compartilhável na URL

03 / FILOSOFIA DE ENGENHARIA

Como o software deve ser construído.

Um sistema de software é julgado por como se comporta em suas fronteiras. Princípios traduzidos em decisões práticas de engenharia.01 / 05

01EXPERIÊNCIA DO USUÁRIO• 1. AVALIAÇÃO PELA EXPERIÊNCIA

Usuários vivenciam software, não código-fonte.

A qualidade de uma implementação torna-se visível por meio da responsividade, clareza, feedback e confiabilidade em qualquer viewport.

Requisitos Essenciais:RESPONSIVIDADECLAREZAFEEDBACKCONFIABILIDADE

03.1 / ARQUITETURA DE ESTADOS INTERATIVOS

Cada estado pertence à funcionalidade.

Explore como o feedback da interface e o comportamento do sistema mudam entre estados de carregamento, sucesso, vazio, erro, acesso negado e recuperação.

INSPETOR DE CICLO DE VIDA DA FUNCIONALIDADE

Uma funcionalidade completa vai além da tela com dados.

Explore como o feedback da interface e o comportamento do sistema mudam ao longo de um ciclo de vida completo de uma funcionalidade.

Estado: Carregamento

Prefetch baseado em intenção & fallbacks de skeleton

Feedback da experiência do usuário:

O skeleton preserva o layout esperado enquanto os dados remotos são resolvidos.

Comportamento do sistema:

Dados em cache e prefetch baseado em intenção reduzem esperas repetidas sem ocultar o estado pendente.

app/movies/collection?page=1&filter=sci-fi

SOLICITAÇÃO PENDENTE

O estado permanece explícitoInspecionar comportamento

04 / Histórico Profissional

Responsabilidade crescente em sistemas web.

Uma trajetória que abrange interfaces de produto confiáveis, arquitetura backend, fronteiras de persistência e codebases projetadas para permanecer manuteníveis.

01 • Novembro de 2024 — Presente

Engenheiro de Software@ Concentrix

React
TypeScript
TanStack Router / Query / Virtual
Material UI
Next.js

Escopo Principal de Engenharia:

Constrói sistemas web end-to-end que abrangem frontends em React e Next.js, serviços NestJS/Node.js, persistência com PostgreSQL/TypeORM e ambientes conteinerizados com Docker.
Usa TanStack Router para navegação tipada, TanStack Query para sincronização de estado do servidor e TanStack Virtual na renderização eficiente de interfaces orientadas a dados.
Desenvolve interfaces com TypeScript, Material UI e Tailwind CSS, com atenção a acessibilidade, responsividade e clareza das interações.
Trabalha com aplicações e fluxos assíncronos apoiados por serviços do Google Cloud, incluindo Cloud Run, Cloud Scheduler e Pub/Sub.
Apoia a qualidade do software com Vitest, Testing Library, Supertest, Storybook e participação nas etapas de arquitetura, entrega e manutenção contínua.

02 • Maio de 2023 — Setembro de 2024

Desenvolvedor Frontend@ Ignis

React
Next.js
TypeScript
Tailwind CSS
styled-components / Chakra UI

Escopo Principal de Engenharia:

Desenvolveu e manteve interfaces web responsivas com React, Next.js, TypeScript, Tailwind CSS, styled-components e Chakra UI.
Criou testes unitários e de integração com Jest e Testing Library e documentou componentes reutilizáveis no Storybook.
Integrou aplicações frontend com APIs REST, refinando performance de carregamento, comportamento responsivo e mobile-first e confiabilidade das interações.
Colaborou com times multifuncionais em entregas ágeis, revisões de código e refinamento iterativo de interfaces.
Aplicou práticas de segurança frontend voltadas à proteção dos dados dos usuários e à prevenção de vulnerabilidades comuns no client.

03 • Fevereiro de 2022 — Setembro de 2022

Desenvolvedor Full Stack@ Tera

JavaScript / TypeScript
React
Node.js
APIs REST
Bancos de Dados Relacionais

Escopo Principal de Engenharia:

Consolidação de fundamentos full-stack na construção de interfaces, serviços backend e queries de banco de dados.
Implementação de funcionalidades centrais conectando interações do client diretamente à validação server-side e à persistência.

05 / Capacidades & Stack

Capacidades organizadas em torno de responsabilidades de engenharia.

Tecnologias servem a resultados explícitos de produto. Capacidades sustentadas por implementações inspecionáveis.

01Verificado

Interfaces de produto & frontend

Construção de interfaces interativas responsivas e altamente confiáveis, com ciclos de vida de estado alinhados à intenção do usuário.

React & Next.js App Router
Arquitetura com TypeScript estrito
Suíte TanStack (Query, Router, Table, Virtual)
React Hook Form & validação com Zod
Gerenciamento de estado (Zustand, Context)
Tailwind CSS & sistemas editoriais
Canvas espaciais com React Flow
Estados completos de interface (Loading/Success/Empty/Error/Denied/Recovery)
Otimização de performance & acessibilidade

02Verificado

Sistemas backend & APIs

Arquitetura de serviços backend estruturados, com casos de uso de domínio explícitos, mappers e autorização autoritativa.

Node.js & NestJS
Arquitetura type-safe de APIs REST
Autorização contextual (CASL)
Modelagem de domínio & casos de uso da aplicação
Contratos de repositório & mappers
Tratamento de erros com resultados no padrão Either
Autenticação & fluxos JWT / sessão
Testes automatizados de integração HTTP

03Verificado

Dados & persistência

Estruturação de bancos relacionais e mappers ORM para impor invariantes de negócio no nível da query.

Bancos PostgreSQL & MySQL
Mappers com Prisma ORM & TypeORM
Estratégias de cache com Redis
Queries escopadas por tenant
Design de schemas relacionais
Fronteiras de persistência transacional

04Verificado

Cloud & entrega

Conteinerização de aplicações e estabelecimento de pipelines de deploy confiáveis para entrega contínua.

Serviços AWS
Conteinerização com Docker
Cloudflare Pages & hospedagem na edge
Automação de pipelines de CI/CD
Configuração de ambientes & segredos

05Verificado

Integração de inteligência artificial

Incorporação de capacidades de IA em produtos para apoiar decisões do usuário e simplificar workflows.

Integração com APIs da OpenAI & de LLMs
Realtime API & streaming de áudio
RAG (Retrieval-Augmented Generation)
Engenharia de prompts & design de contexto
Tratamento de outputs com foco em verificação

06 / Escrita Técnica & Arquitetura

Decisões complexas, explicadas com clareza.

Textos que esclarecem trade-offs de software, arquitetura de formulários e fronteiras de módulos para equipes de engenharia.

Arquitetura frontend & validaçãoVisão geral verificada

Arquitetura de formulários multi-schema com React Hook Form e Zod

Como estruturar formulários complexos com múltiplas etapas e condicionais usando uniões discriminadas do Zod, isolando o estado do formulário e preservando a inferência completa de tipos entre as fronteiras das etapas.

Principais insights arquiteturais:

Uniões discriminadas garantem que a validação em runtime corresponda às condições das etapas
Inferência de tipos elimina a duplicação manual de interfaces de formulário
Desacoplar o layout do formulário do schema de validação melhora a reusabilidade

Organização de código & manutenibilidadeVisão geral verificada

Organização frontend baseada em módulos para codebases em crescimento

Evolução de diretórios `/components` genéricos para fronteiras de módulos orientadas por funcionalidade, encapsulando estado, UI, contratos de API e testes em estruturas previsíveis.

Principais insights arquiteturais:

Pastas escopadas por funcionalidade reduzem o atrito da navegação entre arquivos
Exportações da API pública (`index.ts`) ajudam a preservar as fronteiras do módulo
Simplifica a refatoração e os testes isolados de componentes com Storybook e Vitest

07 / Contato Direto

Vamos falar sobre software que precisa continuar rápido, claro e mantenível à medida que cresce.

Tenho interesse em engenharia de software criteriosa, arquitetura de produto e equipes que se importam com o comportamento das aplicações web além do happy path.

Enviar e-mail

E-mail

contact@alyssonbarrera.com

GitHub

Repositórios públicos e código-fonte

Perfil profissional e experiência

Currículo

Revisar experiência profissional e projetos selecionados.