Pular para o conteúdo

Portfólio

Visao geral

Esta página organiza o portfólio como um sistema de entrega: casos, stacks, capacidades e modelos de execução aparecem ligados entre si para facilitar leitura, filtro e manutenção.

Snapshot atual

Portfolio snapshot

6 casos, 5 dominios e 4 modos de entrega.

Os dados desta página também ficam disponíveis em /data/site-portfolio.json, /data/site-projects.json, /data/site-capabilities.json, /api/portfolio, /api/projects e /api/capabilities.

Leitura por dossier

Para navegar por cada caso com mais contexto técnico e operacional, use também o diretorio Projetos.

Leitura por categoria

Para abrir páginas tematicas por recorte de entrega, use também a camada Categorias.

Leitura por stack

Para navegar pelas tecnologias recorrentes com foco técnico e abrir dossiers aprofundados por stack, use tambem a pagina Stacks.

Casos

Portfolio vivo

Casos, stacks e sinais de entrega em uma camada filtravel.

Este portfolio organiza frentes de produto, docs, plataforma, automacao e presenca publica sem quebrar a simplicidade da manutencao.

6

casos publicados

6

entradas em destaque

6

resultados no filtro atual

Plataforma SaaS

aplicacao · ativo

node-next

Ambiente Nx com apps Next, contratos cross-app, smoke tests e stack Docker de desenvolvimento.

Foco
  • produto SaaS
  • contratos cross-app
  • experiencia full stack
Resultados
  • ambiente dev padronizado
  • testes de navegacao
  • readiness de plataforma
  • Next.js
  • Nx
  • TypeScript
  • Playwright
  • Docker

Engine editorial

docs · ativo

node-vitepress

Plataforma editorial para o site institucional, documentação pública, catálogo compartilhado e dados públicos consistentes.

Foco
  • conteudo orientado por dados
  • publicacao estatica
  • discoverability
Resultados
  • catálogo central reutilizável
  • exports JSON publicos
  • tema modular e pesquisavel
  • VitePress
  • Vitest
  • ESLint
  • Prettier
  • Netlify

Biblioteca UI e Storybook

docs · ativo

node-web-components

Biblioteca pública de Web Components com Storybook, wrappers multiplataforma e distribuição consistente no npm.

Foco
  • componentes reutilizaveis
  • showcase público
  • release consistente
Resultados
  • storybook publico
  • pacote npm acessível
  • catálogo tipado central
  • TypeScript
  • Vite
  • Storybook
  • Lit
  • npm

Site principal

marca · ativo

mozg.com.br

Presença institucional principal com portfólio, serviços, documentação pública e apresentação da marca em domínio próprio.

Foco
  • presença da marca
  • narrativa editorial
  • portfólio público
Resultados
  • dominio proprio consistente
  • distribuição institucional
  • base para evolução contínua
  • branding
  • SEO
  • PWA
  • structured data
  • content

Portal complementar

marca · evoluindo

mozgbrasil.github.io

Portal complementar para apresentação profissional, distribuição de links públicos e reforço de presença digital.

Foco
  • sinais públicos
  • landing complementar
  • distribuição de links
Resultados
  • amplificação de presença
  • hub de canais
  • portfólio vivo
  • GitHub Pages
  • HTML
  • signals
  • landing

Perfil público

docs · ativo

github-profile

Resumo enxuto da especialidade, portfólio e links públicos para uma apresentação profissional coerente no GitHub.

Foco
  • identidade profissional
  • contexto rápido de especialidade
  • camada pública clara
Resultados
  • perfil mais claro
  • links publicos coerentes
  • distribuição editorial enxuta
  • Markdown
  • GitHub
  • badges
  • portfolio

Capacidades

Capacidades

Matriz de dominio, tecnologia e modos de execucao.

Este recorte traduz o portfolio em capacidade operacional e deixa explicito como as entregas se conectam a stack, docs e readiness.

Dominios
5
Modelos
4
Tecnologias
23

Tecnologias recorrentes

Ferramentas que aparecem de forma consistente nas entregas.

  • automation · 1
  • Bash · 1
  • BFF · 1
  • Docker · 1
  • Firebase · 1
  • GitHub Actions · 1
  • Helm · 1
  • JSON envelopes · 1
  • Kubernetes · 1
  • LM Studio · 1
  • Netlify · 1
  • Next.js · 1
  • Nginx · 1
  • Python · 1
  • React · 1
  • request metadata · 1

Dominio

Arquitetura e contratos

Modelagem de dominio, envelopes previsiveis, rotas auditaveis e estruturas prontas para evolucao segura.

Praticas
  • contratos pequenos e claros
  • payloads explicitos
  • versionamento com baixo atrito
  • BFF
  • JSON envelopes
  • request metadata
  • schema.org

Dominio

Produto full stack

Experiencias web, componentes reutilizaveis, integrações entre front e back e docs operacionais no mesmo ritmo.

Praticas
  • UI orientada por conteudo
  • fluxos pesquisaveis
  • componentes com manutencao simples
  • React
  • Next.js
  • Vue
  • VitePress

Dominio

Platform engineering

Ambientes locais repetiveis, CI por matriz, infraestrutura como produto e readiness tecnica por projeto.

Praticas
  • docker local
  • matriz de validacao
  • padrao de runtime documentado
  • Docker
  • GitHub Actions
  • Terraform
  • Helm
  • Kubernetes

Dominio

Observabilidade e operacao

Health checks, request IDs, exports estaticos, snapshots operacionais e gatilhos de verificacao reais.

Praticas
  • quality gates
  • health endpoints
  • artefatos publicos para auditoria
  • Vitest
  • Nginx
  • Netlify
  • Firebase
  • service worker

Dominio

Automacao e AI ops

Pipelines locais, automacoes assistidas, guardrails de execucao e combinacao de dados, runtime e operacao.

Praticas
  • pipelines multimodais
  • guardrails operacionais
  • assistencia local com contexto
  • Python
  • SQLite
  • LM Studio
  • Bash
  • automation

Modo de entrega

Diagnostico e refactor estruturado

Leitura de legado, consolidacao de contratos, limpeza de arquitetura e esteira verde ao final.

Indicado para
  • bases com drift tecnico
  • sites e apps sem padrao claro
  • bases em crescimento
Entregaveis
  • plano de refactor
  • padrao de dados compartilhados
  • validacao auditavel

Modo de entrega

Portfolio e superfícies publicas

Sites, portais, perfis tecnicos e camadas editoriais com distribuicao coerente e forte legibilidade.

Indicado para
  • marca tecnica
  • presenca publica
  • conteudo com SEO e discoverability
Entregaveis
  • paginas pesquisaveis
  • exports publicos
  • metadados estruturados

Modo de entrega

API minima auditavel

Camadas HTTP pequenas, com envelopes claros, filtros e dados adequados para automacao e troubleshooting.

Indicado para
  • BFFs leves
  • operacao com visibilidade
  • integracoes futuras
Entregaveis
  • request metadata
  • catalogos JSON
  • snapshots operacionais

Modo de entrega

Readiness de plataforma

Qualidade por projeto, scripts operacionais, build containerizado e alinhamento entre docs e runtime.

Indicado para
  • pipelines locais
  • times pequenos
  • evolucao com padrao rigido
Entregaveis
  • quality gates
  • matrix-check
  • runtime commands documentados

Arquitetura, full stack, platform engineering, automacao e observabilidade.