Video 2 of my piano sight-reading app that I worked on for 100 Days of Code. This video demonstrates how users can practice along with the sheet music using their MIDI keyboards.

#100DaysOfCode #100Devs

Finally finished my 100 Days of Code challenge! It was a struggle at times, but I'm glad I went through it.

Here is a video showing what I worked on. This video shows an overview of the app. I'll post a second video showing how users can practice along with a MIDI keyboard.

#100DaysOfCode #100Devs

Day 16/100

Created a metronome feature that plays along with the music

#100DaysOfCode #100Devs

Day 9/100

Added a basic cursor line animation. Now, when the music is played, a thin line is drawn over the notes currently being played. I'm thinking of making the line animate smoothly or adding note highlighting next.

#100DaysOfCode #100Devs

Day 5/100

Added Tailwind and Daisy UI to my sight-reading app and restyled everything so far

#100DaysOfCode #100Devs

Day 4/100

- Created a card with toggle buttons for my sight-reading app

#100DaysOfCode #100Devs