Blues Therapy: creating interactive musical experiences directly in the browser
- Maria Argandoña Tanganelli
- Dec 9, 2025
- 1 min read
Over the past few days, I dove into an experiment that brought together three things I love: music, technology, and learning. The result is Blues Therapy, a portfolio project where I explore musical improvisation using only web-based resources.
The idea came from the desire to make the act of making music more accessible. Not everyone knows music theory, but many people feel the urge to improvise, relax, and simply create a pleasant sound. So why not turn that into a simple and intuitive experience?
During development, I also used Lovable AI to help prototype components, shape the initial layout, and refine parts of the code. It was interesting to see how AI speeds up workflows while still leaving room for human creativity and experimentation — especially when music is involved.
🎧 What does Blues Therapy do?
The user selects a blues progression, chooses a scale, and can then improvise on a virtual keyboard.All the notes are already within the scale, so even users with no musical background can create coherent musical phrases.
This is possible thanks to the Web Audio API, which allows real-time sound generation and manipulation directly in the browser — no plugins, no complications. It’s a powerful tool that enables rich and fully interactive musical experiences.
🔧 Tech Stack
React + TypeScript
Vite
Web Audio API
Scale-mapping algorithms
Components enhanced with the help of Lovable AI
Comments