Piano Sonic

i just inspected the website and it wasn’t responsive. so i made it responsive real quick..

the volume slider and show keys toggle button are finallyy working!!
..which means….
the project is finallyyy complete!!
now i’ll just be looking for some final additions/changes to make just to touch up the project before shipping!!

finally coded the piano so it’s playable and functionable!!
although the volume slider and show key toggle aren’t working yet.

alsooo im so annoyed because i just spent half an hour rechecking my entire code because it wasn’t working. guess why? i made a tiny typo. aghh!!

anyway, enough with the rant
let’s get back to work
see yaaa

just completed making the basic piano structure. i love how it turned it out. the keys are interactive which means when i click them they look like they’re actually being pressed.
that’s all for now. let’s get back to work.
see yaa

heyy people!!
i’m working on making a web piano. I named it Piano Sonic (i really love the ring this name has).
So I spent a while searching for inspiration on the internet, watching a few YouTube tutorials, exploring existing online piano websites.
Then I started making the basic layout for my own. I want the design to be classy and minimalist, so I went for a butter yellow shade for the background. I added a volume slider and a toggle button to show keys.

One thing I realllyyy reallly LOVE about what I’ve made till yet is the show keys toggle button. I really love interactive it looks when i click it, the circle turns white and when its off, its grey.

That’s it for now. Let’s get back to work.
See ya!