Do Re Mi Fa So La Ti Do - Interactive Piano

This project is an interactive piano web application that allows users to play musical notes using their keyboard. Each key on the keyboard corresponds to a musical note, and pressing a key will play the associated sound and animate the key on the screen.

• Responsive Design: The application is styled to be visually appealing and responsive, with a background image and centered keys.
• Keyboard Interaction: Users can press specific keys (A, S, D, F, G, H, J) to play the notes Do, Re, Mi, Fa, So, La, Ti respectively.
• Audio Playback: Each key press triggers the playback of a corresponding audio file.
• Visual Feedback: Keys animate with a scaling effect and change border color when pressed, providing visual feedback to the user.
• Smooth Transitions: CSS transitions are used to enhance the user experience with smooth animations.

• HTML: Structure of the web page.
• CSS: Styling for the web page, including layout, animations, and responsiveness.
• JavaScript: Handling keyboard events, playing audio, and managing animations.

1. Open the web page in a browser.
2. Press the keys A, S, D, F, G, H, J on your keyboard to play the corresponding musical notes.
3. Observe the visual feedback as the keys animate when pressed.

Link: https://shady-ghabour.github.io/doReMi/