Charles Morris, Jr.

Day 19/100

Not much time today, but I found a bug where practice wasn't being scored properly and started planning a fix for it.

#100DaysOfCode #100Devs

Day 18/100

Began working on calibrating the timing between pressing a key on the MIDI keyboard and matching it with the note that is supposed to be played, because the timing is off. Still needs work.

#100DaysOfCode #100Devs

Day 17/100

Finished Barbara Oakley's Learning How to Learn course and did a Codewars challenge

#100DaysOfCode #100Devs

Thanks!

Day 16/100

Created a metronome feature that plays along with the music

#100DaysOfCode #100Devs

Day 15/100

- Added a scoring feature that tracks if the user plays the correct notes in time with the music. Now the user can practice along with the music.
- Created a modal that shows how well the user performed after they're done practicing.

#100DaysOfCode #100Devs

Day 14/100

Wrote code to keep track of which notes are highlighted in the sheet music while the music is playing. Next, I need to check if the user is playing the correct notes on their MIDI keyboard at the proper time.

#100DaysOfCode #100Devs

Day 13/100

Made some test code to detect which piano keys are pressed and highlight them on the sheet music, but I need to make it happen while the music is playing in real-time.

#100DaysOfCode #100Devs

Day 12/100

Began adding MIDI functionality for piano keyboard input using WebMIDI.js

#100DaysOfCode #100Devs

Day 11/100

Just did a CodeWars today -- too busy!

#100DaysOfCode #100Devs

Day 10/100

Added a pop-up with a slider and buttons to adjust the tempo of the music in my app

#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 8/100

- Started working on a line animation that highlights the notes that are currently being played on the sheet music when the user listens to the generated sheet music, but it still needs some work

#100DaysOfCode #100Devs

Day 7/100

- Had a power outage that corrupted my Linux filesystem, causing it not to boot, so I spent an hour fixing that 😑
- Continued working on my app. Finished creating pages and components for setting up different types of practice sessions

#100DaysOfCode #100Devs

Day 6/100

- Created chord practice selection page for my sight-reading app
- Created components for selecting key signature, time signature, and number of measures to practice
- Ranked up to 4 kyu on CodeWars

#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

Wish I had known this sooner. I'll definitely be using it from now on!

Day 3/100

Added login and signup pages to sight-reading app

#100DaysOfCode #100Devs

Been so long since I played that game, I almost forgot what it looked like. It was one of my favorite GBA games, along with Zelda: The Minish Cap.

Day 2/100

- Planned out more of my sight-reading app and began designing the page flow in Figma

- Created a dashboard page

- Researched possible portfolio project ideas

- Started doing CodeWars again (it's hard! 😅)

- Started Scrimba's Learn React course

#100DaysOfCode #100Devs