Inspiration

A ideia surgiu da vontade de criar um chat mais “vivo”, onde o sistema não apenas responde texto, mas também expressa estados através de um avatar em PNG. Algo entre interface reativa e simulação de personalidade digital.

What it does

DevH é um chat com avatar que reage a eventos do sistema. Ele responde usando uma base local em JSON para respostas previsíveis e recorre à IA quando não encontra correspondência, criando uma experiência híbrida de resposta.

How we built it

O projeto foi construído com React e Next.js, utilizando TypeScript para organização e tipagem. A comunicação entre chat e avatar é feita via event bus. O sistema de respostas combina uma base local em JSON com fallback para IA.

Challenges we ran into

O principal desafio foi controlar o fluxo de eventos entre chat, sistema de resposta e avatar sem gerar inconsistências visuais ou comportamentais. Outro ponto crítico foi equilibrar respostas locais e IA sem perder previsibilidade.

Accomplishments that we're proud of

Conseguimos criar um sistema funcional de chat reativo com avatar em PNG, integrando resposta local e IA de forma híbrida. O resultado é uma experiência leve, mas expressiva.

What we learned

Aprendemos sobre arquitetura baseada em eventos, separação entre lógica local e geração via IA, e como sistemas simples podem rapidamente aumentar em complexidade quando estados são compartilhados entre múltiplos módulos.

What's next for DevH

Evoluir o sistema de avatar, melhorar a base de respostas em JSON, reduzir dependência de IA para casos simples e explorar animações mais ricas para dar mais personalidade ao assistente.

Built With

Share this project:

Updates