solfege-piano

Solfege Piano is a browser-based instrument I built to make learning solfège more direct and approachable. Each piano key is labeled with its solfège syllable, allowing users to play familiar melodies and learn the notes by seeing and hearing them at the same time.

My main goals were to keep the piano easy to use and make the audio respond with as little latency as possible. It works immediately in the browser on desktop and mobile without an installation or account, and supports computer-keyboard input, touch controls, sustain, octave controls, and appearance settings.

Tone.js handles the audio engine and a full set of adjustable effects, including distortion, filters, compression, chorus, delay, and reverb. I was especially proud of how much sound design and control I was able to build into a lightweight browser instrument while keeping it responsive across devices.

The project is built with Next.js, React, and TypeScript. User preferences are stored locally, allowing settings to persist between sessions without requiring an account or collecting personal data.