5 devlogs
27h 19m 32s
A simple music maker with the aim of helping others understand music better.
Devlog 5
Features
Options Panel!
The options panel I mentioned last devlog is finally completed. Now all quizzes under staff identification have been completed. You can select options from which clef, notes, or key signatures that you want. It did take a big refactor as I had to create a custom hook for the quiz logic.
Next Steps
Next steps will be to work on the next section of quizzes, which is staff construction. After that i’ll start having to work with instruments like keyboard and fretboard and then add ear training. I’m still not sure which one to do first, maybe it might be ear training since it’s mainly just playing a sound and clicking the answer.
0
Log in to leave a comment
Devlog 4
Features
More Quizzes!
More quizzes involving intervals, scales, key signaturesm and chords have been added. Working on keeping everything clean and making the options menu has been a nightmare, i’ll try to get all that fixed soon.
A lot of stuff is broken since i’m in the middle of refactoring all of this, but all the quizzes in the image have been completed and I just need to make options work.
I wanted more to show, but unfortunately I don’t think you can devlog after 10 hours and I didn’t expect everything to take this long so i’ll update again when everything is stable.
Changelog
0
Log in to leave a comment
Devlog 3
Features
First Theory Quiz:
The first theory quiz has been added. The quiz generates a random note in either treble or bass clef, which the user must correctly identify.
Message
Despite it looking pretty simple most of my time was spent figuring out the different libraries like tonal and abcjs.
I do want to add a settings option for each quiz to customize the options, like being able to turn off a clef or specify the note ranges.
I also want to add in lessons on each page that can be read if you get stuck.
I am again sorry for the long devlog, but hopefully now since this quiz is done the next few identification quizzes will be much quicker to do. I’ll post another devlog when I get some more quizzes completed.
Changelog
0
Log in to leave a comment
Devlog 2
Today’s focus was mainly on looking into music theory and figuring out what to put in to the site. I’ve come up with a list of topics I plan on adding to the theory exercises which can be found in the clip below.
Some exercises will focus on just listening, like ear training, while others will provide a something like a staff or keyboard.
From what i’ve gathered online, reactronica seems to be the best library for my project, since its optimized for react.
The other thing I was looking at was the grand staff, which looks like it can be handled by abcjs, which is a pretty comprehensive library, and maybe could even be used as an editor to make music as well.
The focus tomorrow will most likely be to work on adding these theory exercises in, so i’ll post another update when I do that.
0
Log in to leave a comment
Devlog 1
Sorry for the really long first devlog, I was having some issues with vite which took quite a while to fix.
In terms of todays work, i’ve essentially completed the page skeleton. The header and navbar have been completed and I added a theme switching toggle.
I did spend quite a while on UI since it seems that a lot of feedback on my last projects was that the UI seems bland. I’ve decided to focus on creating a UI similar to material design since it is very simple and well liked.
Later, I plan on adding a simple music maker where you can make your own music, similar to something like chrome music lab. I also want to implement music theory exercises as well like interval ear training for example. Also, just for fun I might add a functions page where you can “hear” a graph similar to Desmos, though i’m not entirely sure how difficult that may be.
If anybody has any ideas or suggestions, please feel free to comment them.
Changelog
0
Log in to leave a comment