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 100/100
- Fixed a bug causing music to get generated twice in practice mode
- Fixed dark mode bug
- Tweaked UI headers
#100DaysOfCode #100Devs
Day 99/100
Fixed bug causing login to not work sometimes
#100DaysOfCode #100Devs
Day 98/100
Worked on settings for difficulty levels and debugged a problem causing multiple notes to get scored when only one should be.
#100DaysOfCode #100Devs
Day 97/100
Fixed some bugs. One bug caused music to be generated multiple times when first entering practice mode
#100DaysOfCode #100Devs
Day 96/100
- Did a CodeWars
- Continued working through the React.dev tutorials
#100DaysOfCode #100Devs
Day 95/100
- Tweaked some of the difficulty level settings
- Continued working through the React.dev tutorials
#100DaysOfCode #100Devs
Day 94/100
- Fixed another bug where notes were generated outside of range
- Continued working through the React.dev tutorials
#100DaysOfCode #100Devs
Day 93/100
Fixed a bug in the music generation algorithm that caused notes outside of range to be inserted in the music.
#100DaysOfCode #100Devs
Day 92/100
Fixed some small bugs with the UI and metronome countdown
#100DaysOfCode #100Devs
Day 91/100
Fixed another bug that caused exercises to get generated more times than necessary.
#100DaysOfCode #100Devs
Day 90/100
Fixed a bug that caused the last note of an exercise to not get scored.
#100DaysOfCode #100Devs
Day 89/100
Did a CodeWars and studied React. Also starting reading up on Godot. I would like to get back into game dev!
#100DaysOfCode #100Devs
Day 88/100
Fixed a bug in my piano sight-reading app where notes weren't being scored properly in certain time signatures. Also added a delay to when the next exercise is generated in continuous mode so the user has time to see how well they did in the previous exercise.
#100DaysOfCode #100Devs
Day 87/100
Fixed a bug in the note scoring algorithm that caused notes to be scored when they shouldn't have. New algorithm is working quite well now! Still need to test some edge cases.
#100DaysOfCode #100Devs
Day 86/100
Made some progress with the note matching and scoring algorithm. Just need to test it more and work out the remaining bugs.
#100DaysOfCode #100Devs
Day 85/100
Still working on implementing the note scoring algorithm. Having trouble selecting the correct SVG note DOM element.
#100DaysOfCode #100Devs
Day 84/100
Still trying to figure out the best way to score notes properly during practice. When using different note durations (quarter, half, eighth notes, etc.) the correct notes are not always selected for scoring.
#100DaysOfCode #100Devs
Day 83/100
- My old note scoring algorithm doesn't work in all scenarios, so I spent some time planning a new algorithm that will score and track notes and user MIDI input properly.
- Practiced CodeWars and React. The react.dev Learn section is surprisingly helpful.
#100DaysOfCode #100Devs
Day 82/100
- Debugged my note scoring algorithm in my sight reading app. It has a problem with scoring certain types of notes, so I have to rethink my approach
- CodeWars and practiced with more React
#100DaysOfCode #100Devs
Day 81/100
Did a CodeWars and studied React again
#100DaysOfCode #100Devs
Day 80/100
Did a CodeWars and studied React
#100DaysOfCode #100Devs
Day 79/100
Fixed more bugs. Adjusted the note scoring algorithm.
#100DaysOfCode #100Devs
Day 78/100
- Added musical rests to the generation algorithm
- Worked on some bugs
#100DaysOfCode #100Devs
Day 77/100
- Began planning out difficulty levels for the generated music
- Attended a tech meetup where they talked about the similarities and differences between JavaScript and .NET. Good community, and it was fun to learn about .NET!
#100DaysOfCode #100Devs
Day 76/100
- Cleaned up styling on practice page
- Added piano audio playback using the Tone.js library so users can hear the notes they play
- Finished FreeCodeCamp React course
#100DaysOfCode #100Devs
Day 75/100
Same as yesterday. Did a CodeWars and studied some more React on FreeCodeCamp.
#100DaysOfCode #100Devs
Day 74/100
Did a CodeWars and studied some React.
#100DaysOfCode #100Devs
Day 73/100
- Fixed more bugs in the scoring algorithm. Seems to work quite well now.
- Notes in chords weren't highlighting individually (if you played one note, all would get highlighted), so I made a function to select individual notes in the DOM.
#100DaysOfCode #100Devs
