Blues Therapy: criando experiências musicais interativas direto no navegador

https://bluestherapy.lovable.app

Nos últimos dias mergulhei em um experimento que uniu três coisas que eu adoro: música, tecnologia e aprendizado. O resultado foi o Blues Therapy, um projeto de portfólio onde exploro improvisação musical usando recursos do próprio navegador.

A ideia nasceu da vontade de tornar o ato de “fazer música” mais acessível. Nem todo mundo sabe teoria musical, mas muita gente sente vontade de improvisar, relaxar e simplesmente criar um som legal. Então por que não transformar isso em uma experiência simples e intuitiva?

Durante o desenvolvimento, contei também com a ajuda da IA do Lovable para prototipar componentes, estruturar o layout inicial e ajustar detalhes de código. Foi interessante perceber como a IA acelera processos, mas ainda deixa espaço para criatividade e experimentação humana — especialmente quando o assunto é música.

🎧 O que o Blues Therapy faz?

O usuário escolhe uma progressão de blues, define uma escala e, a partir disso, pode improvisar em um teclado virtual. Todas as notas já estão dentro da escala, então mesmo quem nunca tocou um instrumento consegue criar frases musicais coerentes.

Esse detalhe é possível graças à Web Audio API, que permite gerar e manipular sons diretamente no navegador, sem plugins e sem complicações. É uma ferramenta poderosa que abre portas para experiências musicais ricas e totalmente interativas.

🔧 Stack tecnológica

• React + TypeScript

• Vite

• Web Audio API

• Algoritmos de mapeamento de escalas

• Componentes aprimorados com auxílio da IA do Lovable