🌍 Public
Viewing a saved revision (read-only)
9f8f9ef96c4e4d0584091e0f32b8a2ca
Rainbow Piano
This interactive piano visualization uses React to render a two-octave keyboard with SVG, where each key is colored in a distinct pastel rainbow hue based on its note name. Clicking a key triggers a short synthesized sine wave tone via the Web Audio API, creating aural feedback as the key visually brightens for 300 milliseconds. The interface combines playful color coding with functional sound generation, demonstrating a simple musical instrument built entirely with standard web technologies.
AI-generated descriptionAn interactive piano you can play!
Also in GitHub: https://github.com/curran/piano-app