Unexpectech
← All projects
AIEducationArts

Interactive Music Studio

In Development • Project • Unexpectech • Student Software Build

A browser-based music studio built as a student software project — designed to feel like making music, not filling out a database, while teaching full-stack engineering, browser audio, persistence, and responsible AI integration. Soniq is the application emerging from this Learning Lab.

HOW IT WORKS

Play first, then build the song in layers. Core instruments — piano, drums, and guitar — are playable with the computer keyboard and mouse: piano and drums map to physical keys with visual feedback; guitar is represented visually with strings. Recording is event-based: the studio stores what note or sample was played, when, and for how long, which makes synchronization, editing, and saving practical. A shared transport (record, stop, play, pause, restart), a timeline with one row per track, and solo/mute/volume controls let a student record a drum beat, then layer piano or guitar over it.

AI IN THE STUDIO

The AI feature generates editable lyrics from a prompt — requested words and ideas are preserved where possible, and the student edits, regenerates, and attaches the result to the song. AI also assisted the development itself (boilerplate, debugging, tests), with the student responsible for verifying and explaining the code. AI-generated vocals are explicitly a stretch idea, not part of the core project.

CURRENT STATE

Active development as a student build. The stack: JavaScript/CSS front end, Spring Boot API, MySQL persistence, browser audio. Songs can be saved as private drafts and published to a gallery.

WHY IT MATTERS

It is a concrete example of the Unexpectech learning loop: a real, usable application where the student owns the creative and engineering decisions end to end.

Topics

Music creationBrowser audioStudent project

Technologies

JavaScriptSpring BootMySQLWeb Audio API

Outputs

  • interactive web app

Links