Piano Teacher

Sep 2025 - Personal Project

GitHub Repo: https://github.com/Callum-OP/Piano-Teacher
View GitHub Pages website: https://callum-op.github.io/Piano-Teacher

JavaScript, HTML, CSS

Built a piano teaching app that will make it easier to learn how to play music on the piano as a beginner. It visualises sheet music so that the user can follow along and gives them full control over how quickly it is played.

Features:

• Play a piano directly on screen using touch.
• Autoplay mode that plays entered sheet music automatically.
• Select from a preset list of music or upload a midi file or enter notes directly.
• Can pause, rewind or fast forward as well as change tempo (speed) or volume during autoplay.
• Can extend the piano to see and use even more keys or use a smaller piano and change the octaves used.
• Can sort entered notes into left and right hand.