Detalhes
IA / Em uso
Sobre este portfólio
Construí este site para você explorar meu trabalho por diagramas, perguntas, tours narrados e voz. O mesmo conteúdo no Supabase alimenta páginas, guia, navegação, citações, busca e alvos de tour.
Arquitetura 3D ao vivo
Use a navegação para alternar entre diagramas e trabalhos relacionados, depois role o painel para ler os detalhes.
Registros tipados do Supabase alimentam páginas, navegação, contexto do guia, citações e busca por meio da revisão ativa.
Por que construí desse jeito
O portfólio usa uma fonte de conteúdo para páginas, diagramas, respostas do guia, tours e voz.
Interativo por design
Eu queria que o portfólio fizesse mais do que levar visitantes por cards de projeto. Um visitante pode ler um estudo de caso, fazer uma pergunta ao guia, entrar na aba exata do grafo, seguir um tour narrado ou usar voz. Esses caminhos precisam descrever o mesmo trabalho atual.
Uma fonte de conteúdo
Publico os registros do Supabase como um snapshot JSON versionado e seleciono uma revisão ativa. Páginas, manifesto do guia, navegação em grafo, citações, busca e tours leem dessa revisão, então um título de projeto ou rótulo de diagrama muda em um lugar antes desses caminhos usarem a mudança.
Modelo de dados e busca
O Supabase armazena registros tipados de conteúdo e o assistente indexa conteúdo publicado atual elegível.
Blocos de projeto e chaves de grafo
O Supabase armazena entidades, blocos de conteúdo de projeto, Markdown dos artigos, abas de cena, chaves de nós de diagrama, chaves de arestas de diagrama, tours e traduções como registros tipados. O JSON de cena permanece estruturado para renderizadores e ferramentas do assistente referenciarem as mesmas chaves de nós e arestas.
Conteúdo atual de busca
O índice de busca é derivado do conteúdo publicado atual que passa pelas checagens de elegibilidade da publicação. Filtros de elegibilidade excluem conteúdo privado e oculto; checagens de revisão mantêm chunks substituídos fora da busca atual.
Ferramentas de grafo e busca semântica
O assistente usa ferramentas exatas de grafo quando precisa abrir uma cena, aba ou objeto conhecido. A busca semântica ajuda a responder perguntas mais amplas a partir de seções correspondentes, e as citações apontam de volta para o conteúdo usado na resposta.
Tours e voz
Tours autorais, tours gerados na sessão e fala compartilham o mesmo conteúdo publicado.
Tours autorais e padrão
Escrevo o tour padrão e armazeno sua narração e suas ações no Supabase. Antes da reprodução, o site confere as etapas com o conteúdo e os identificadores atuais dos diagramas.
Tours transitórios do guia
Um visitante pode pedir um caminho personalizado de guia durante uma sessão. Esse tour é gerado apenas para a sessão: ele pode conduzir o navegador e a narração sem virar um registro armazenado de publicação.
Caminho local de voz
Em navegadores compatíveis, a voz ao vivo usa Silero VAD e Smart Turn para detectar a fala e o fim de um turno, Whisper para transcrever localmente e PocketTTS Raven para falar a resposta em inglês ou português pelo Web Audio. A chamada ao modelo do assistente acontece no servidor.
Stack e domínios
- Next.js
- React
- TypeScript
- Supabase
- Postgres
- pgvector
- Three.js
- Web Audio
- TTS
- ASR