Todos os projetos

Estudo de caso

Expert Notes

Aplicação web que converte notas de áudio em texto em tempo real usando reconhecimento de fala no navegador.

TecnologiasReact, Vite, TypeScript, Tailwind
O problema
Registrar notas com texto e reconhecimento de fala no navegador.
Minha contribuição
Interface React desenvolvida no NLW Expert, integrando a Web Speech API.
O resultado
Notas em texto e reconhecimento de fala no navegador em uma interface React focada.
Interface de Expert Notes
Abrir imagem em tamanho original

Aplicação web criada no NLW Expert da Rocketseat com React, TypeScript, Tailwind CSS e Web Speech API.

Converte áudio em texto em tempo real no navegador para apoiar anotações e transcrição. O foco é explorar capacidades do navegador, acessibilidade e processamento no cliente. A disponibilidade do reconhecimento de fala depende do navegador e de sua implementação.

Início

A tela reúne as notas e o acesso à criação.

Nova nota

Uma janela concentra a entrada de texto e o início da gravação.

Gravação de nota

O fluxo apresenta a transcrição durante a captura.

Consulta da nota

A nota pode ser aberta para leitura após a criação.

Conheça outros projetos Entre em contato